/* CSS Document */ *{margin:0; padding:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#585858; } body{background:#fff url(../images/bg_new.gif) no-repeat; display:none;} /*************************-Flash homepage - remove comment with non flash homepage********************/ body#girl{ background:#FFF url(../images/bg_new_image.jpg) no-repeat; background-position:-400px -490px;}* /*****************************************************************************************************/ body#vid{background:#fff} p{font-weight:normal; } a{text-decoration:none; outline:none; cursor:pointer;} a:hover{ text-decoration:none; outline:none;} ul{ list-style-type:none;} h2{ font-size:12px; line-height:18px; font-weight:bold; color:#585858; margin-bottom:8px;} h2 a{font-size:12px; line-height:14px;} /*div, img{behavior: url(images/iepngfix/iepngfix.htc);}*/ img{border:none;} .big_gray{font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif; font-size:18px; line-height:20px; color:#585858;} .bigredbtn{ width:10px;} #main span.bigredbtn{ width:auto;padding-right:15px; } a.back_link{background: url(../images/arrow_gray_sm_lf.gif) left 3px no-repeat;padding-left:10px; font-weight:bold; font-size:12px; color:#484848;} a.forward_link{background: url(../images/arrow_gray_sm_rg.gif) right 3px no-repeat;padding-right:10px; font-weight:bold; font-size:12px; color:#484848;} /* To hide text*/ span.hiddentext{visibility:hidden;} img { -ms-interpolation-mode: bicubic; } /******************************************************************/ /* begin - GENERAL STYLES */ /* changing will affect all pages */ /******************************************************************/ /*** All Sections Container ***/ /**It is only visible when the window height is more than 700px **/ #fixtop{width:auto; height:0; line-height:0; font-size:1px; overflow:hidden; display:none;} #wrapper{width:1210px;} /** Nav **/ #nav{ width:182px; height:472px; float:left; text-align:right; position:relative;} #nav *{font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif; } #nav #nav-content{ margin:20px 0 0 0; } #nav #nav-content img{ padding-right:15px; margin-bottom:38px;} #nav #nav-content ul{ list-style-type:none; text-transform:uppercase; width:auto;} #nav #nav-content ul#secondary_list{ margin-top:130px;} #nav #nav-content ul li{margin-bottom:10px; color:#686868; font-size:11px; height:20px; } #nav #nav-content ul li a{cursor:pointer; height:20px; line-height:20px; display:block; font-size:11px; padding-right:15px;} #nav #nav-content ul#secondary_list li a{ color:#ca2221;} #nav #nav-content ul li a:hover, #nav #nav-content ul li a:focus{ background-color:#f3f4f4; color:#ca2221; cursor:pointer; height:20px; } #nav #nav-content ul li.active{ background-color:#f3f4f4; color:#ca2221; height:20px; line-height:20px; display:block; padding-right:15px; } #nav #nav-content ul li.active a{color:#ca2221; padding-right:0; } /** Subnav **/ #subnav{ width:76px; height:472px; text-align:center; float:left; } #subnav {font-size: 12px;font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif; line-height:12px;} #subnav li{ display:block;text-transform:lowercase;color:#ca2221;font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif!important;font-size:12px;} #subnav li a{ font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif!important;font-size:12px;} .open{color:#000!important;} #subnav ul ul li a{_margin-bottom: -5px;} #subnav li a:hover, #subnav li a:focus{color:#ca2221; } #subnav li.active{color:#ca2221; } #wrapper #subnav .headerbar {color:#585858; cursor:pointer;font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif!important;font-size:12px;} #subnav .arrow {height: 10px; width: 70%; margin: 5px 0 0 12px;*margin-left: 0px;border-bottom: 1px solid #999999;background: #F3F4F4 url(../images/arrow_graybg_down.gif) no-repeat 50% 10%; cursor:pointer; } #subnav .first {height: 0px; width: 70%; margin-top: 0;_margin-top: -20px;background: none;border-bottom: 1px solid #999999; } #subnav li.openLi + li.arrow { background: #F3F4F4 url(../images/arrow_graybg_up.gif) no-repeat 50% 10% !important;} .products #subnav ul ul li {border: none; background:none!important; padding-top: 15px;_padding-top: 8px;} /* Subnav - Partnership*/ .partnership #subnav ul{ margin-top:120px;} .partnership #subnav li{ margin-bottom:30px;} /* Subnav - Products */ .products #subnav ul li{ padding: 5px 0;_padding: 5px 0 0 0;} *html .products #subnav li{ margin-bottom:5px;} *html .products #subnav li.active{ margin-bottom:15px;} /* Subnav - Results */ .results #subnav ul{ margin-top:15px;} .results #subnav li{ margin-bottom:16px;} *html .results #subnav li{ margin-bottom:5px; line-height:11px;_margin-bottom:12px;} *html .results #subnav li.active{ margin-bottom:12px; line-height:11px;} .results #subnav li.last_subnav{ margin-bottom:0;} /* Subnav - Info */ .info #subnav ul{ margin-top:80px;} .info #subnav li{ margin-bottom:18px;} *html .info #subnav li{ margin-bottom:8px;} *html .info #subnav li.active{ margin-bottom:22px;} /* Subnav - Media */ .media #subnav ul{ margin-top:80px;} .media #subnav li{ margin-bottom:18px;} *html .media #subnav li{ margin-bottom:8px;} *html .media #subnav li.active{ margin-bottom:22px;} /* Subnav - Samples and Offers */ .samples #subnav ul{ margin-top:80px;} .samples #subnav li{ margin-bottom:18px;} *html .samples #subnav li{ margin-bottom:8px;} *html .samples #subnav li.active{ margin-bottom:22px;} /* Samples Main Content - */ #samples_content{ width:632px; height:320px;padding-top:20px;} #samples_primary p{ margin-bottom:16px;} /* Samples Call-outs */ #callout-header{padding-left:130px; margin-top:-115px; width:300px;} #callout-text{padding-left:130px; margin-top:5px; width:300px;} #callout-link{padding-left:130px; margin-top:5px;} #callout-link a{color:#996633;} #callout-line {color:#6D7B8D; background-color:#657383} /** Main **/ #main{ width:722px; height:472px; float:left; /*position:relative;*/} #main a{ text-decoration:none; font-weight:bold; color:#000000;} #main a:hover{ text-decoration:underline;} #main p{ line-height:18px;} #main #sidebar_icons {width:90px; margin:432px 0px 5px 0px; float:left; position:relative;} #main #sidebar_icons .action_icons { position:absolute; left:6px; bottom:3px;} #main #sidebar_icons .action_icons img{ margin-left:4px;} #main_primary{width:632px; height:472px; float:left;} #main p.legal{ margin:0; padding:0; line-height:11px;font-size:10px; margin:0; padding:0; line-height:11px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #main #main_primary #main_content #legal p{ font-size:10px; margin:0; padding:0; line-height:11px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #main #main_primary #main_content #legal a{ font-size:10px; margin:0; padding:0; line-height:11px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #787878; text-decoration:underline!important;} #main #main_primary #main_content #legal p.hang{ text-indent:-8px; padding-left:8px;} #main #main_primary #main_content #legal p{ color:#787878;} #experts #main #main_primary #main_content #legal p{ clear:both; width: 570px; padding-top:10px;} #exfo #main #main_primary #main_content #legal p.hang{ text-indent:-8px; padding:4px 0 0 8px;} #psp #main #main_primary #main_content #legal p.hang { padding-top:30px;} #iwp #main #main_primary #main_content #legal p.hang { padding-top:10px;} #prox #main #main_primary #main_content #legal p.hang{text-indent:-4px;} #prox #main p{ line-height: 16px; *line-height: 14px;} .details #main_content .product_usages p {margin-bottom: 0px;} /* Section headers */ #main_header{ width:590px; height:82px; position:relative;} #main_header img{ position:absolute; top:52px; right:0;} #bdpreorder #main_header img {right:200px;} .partnership #main .header_partnership{ background:url(../images/partnership/hdr_partnership.gif) no-repeat bottom left;} .partnership #main .header_partnership img{right:138px;} .details #main .header_details{ background:url(../images/products/hdr_products.gif) no-repeat bottom left;} .details #main .header_details img{ right:233px;} .results #main .header_results{ background:url(../images/results/hdr_results.gif) no-repeat bottom left;} .results #main .header_results img{left:130px;} .preorder #main .header_preorder{ background:url(../images/preorder/hdr_buy_now.gif) no-repeat bottom left;} #iwpOrder .preorder #main .header_preorder{ background:url(../images/preorder/hdr_save_10.gif) no-repeat bottom left;} .info #main .header_info{ background:url(../images/info/hdr_information.gif) no-repeat bottom left;} .regimen #main .header_regimen{ background:url(../images/regimen/hdr_regimen.gif) no-repeat bottom left;} .regimen #main .header_regimen img{ left:238px;} .regimen #main #composer_flash{ width:980px; height:503px; position:absolute; top:10px; left:10px;} .media #main .header_media{ background:url(../images/media/hdr_media.gif) no-repeat bottom left;} .media #main .header_media img{ left:97px;} .samples #main .header_samples{ background:url(../images/samplesandoffers/samples_header.gif) no-repeat bottom left;} .samples #main .header_samples img{ left:97px;} #olayprof_samples{ width:180px; height:18px; position:relative; margin-top:20px;} #olay_samples{ width:88px; height:19px; position:relative; margin-top:20px;} /* Main Content - */ #main_content{ width:632px; height:390px;} #main_primary p{ margin-bottom:16px;} /** Footer **/ #footer{ margin-left:15px; height:100px;} .comparison #footer{ _margin-top:-20px;} #footer *{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#787878; font-size:10px;} #footer_redline{height:50px;} #footer_logo{ width:auto; height:50px; float:left;} #footer_logo p{ font-size:11px; line-height:30px; padding-top:12px; color:#FFF;padding-right: 20px;} #footer_logo img{ vertical-align:middle; float:left; margin-right:10px;} #footer_flash{width:952px; height:50px; float:left; z-index:1;} #footer_nav{ margin-top:5px;} #footer_nav ul li{ display:inline; margin-right:7px;} #footer_nav img{ margin-left:9px;position:absolute;} #footer_nav ul li a:hover, #footer_nav ul li a:focus{ text-decoration:underline;} /******************************************************************/ /* end - GENERAL STYLES */ /******************************************************************/ /********** HOMEPAGES ******/ /*** Home - Counter page ***/ #main-homepage-title{padding-top:30px;} #homepage-body{background:url(../images/homepage/prox_bottles.jpg) no-repeat; height:200px; width:430px; margin:35px 0 10px 0;} #homepage-body div{padding:39px 0 0 130px;} #homepage-body div a img{padding-left:30px;} #homepage-footer{float:left; padding:44px 5px 0 0;} #homepage-footer a em span{color:#CA2221;font-size:11px !important; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:normal;} #homepage-offers{color:#CA2221;font-size:12px !important; font-family:Helvetica Neue,Helvetica,Arial,sans-serif;} /***************************flash Homepage*************************/ /*.girl #main { height:641px; margin:-169px 0 0 -1px; *margin:-169px 0 0 -2px; width:774px; }*/ /*******************************************************************/ /***************************Non flash Homepage*************************/ .girl #main { width:620px; height:382px; margin-top:20px; } /*******************************************************************/ .girl #main #sidebar_icons {height:100px;} .girl #main #main_content { float:left; width:430px;} .girl #main p{margin-bottom:6px; /*width:270px;*/} .callout p{ margin:8px 5px 0 10px; text-align:center; color:#ca2221; }*/ #callout1{ top:112px; left:175px; display:none;} #callout2{ top:144px; left:175px; display:none;} #callout3{ top:175px; left:175px; display:none;} .proxHome {float: right; padding-top: 40px;padding-left:10px;} #flash_counter{ width:260px; height:50px;} .call_geton a{display:block;} /** Home - preorder and presale **/ .girl div#hdr_counter{background:url(../images/hdr_an_anti-aging.gif) no-repeat top left; margin:50px 0 20px 0; height:48px;} .girl div#hdr_younger{background:url(../images/homepage/hdr_introducing.gif) no-repeat top left; height:60px;} .girl div#hdr_buy_now_and_get{background:url(../images/homepage/hdr_buy_now_and_get.gif) no-repeat top left; margin:0; height:35px;} .girl div#hdr_buy_now_and_get_red{background:url(../images/homepage/hdr_red_Get10off.gif) no-repeat top left; margin:0; height:18px;} .girl div#hdr_presale{background:url(../images/hdr_unlimited_potential.gif) no-repeat top left; margin:20px 0 0 0; height:106px;} .girl div#hdr_only_1000{background:url(../images/hdr_only_1000.gif) no-repeat top left; margin:20px 0 0 0; height:25px;} .girl div#hdr_preorder_yours{background:url(../images/hdr_special_limited.gif) no-repeat top left; margin:0 0 10px 0; height:40px;} .girl #main_container{ height:150px;} .girl .main_container{ margin-top:150px;} .girl .RED212_icon {margin-left: 90px;margin-top:25px; } .girl .RED212_icon div{width: 500px;} .girl .RED212_icon div em{color:#ca2221;font-size:12px !important;} .girl .RED212_icon div em strong{ color:#ca2221;font-size:12px !important;} .girl .RED212_icon div img{ float:left;padding-left: 5px;} .girl .RED212_icon #legal{font-size:9px;line-height:11px;color:#585858;} .girl .RED212_icon #legal p{font-size:10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:10px;margin:0;padding:0;color:#787878;} .girl .RED212_icon #legal a{color:#787878;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;line-height:11px;margin:0;padding:0;text-decoration:underline !important;} .girl .RED212_icon div a strong {color:#000;font-size:12px;font-weight:bold;} .girl .RED_icon{ margin-top:70px;} .girl .RED_icon div em{float:left; padding:5px 5px 0 0; color:#ca2221; letter-spacing:-0.5px;} img#rebate20 {margin-top: 10px;} img#coupon {margin-top: 5px;} #prox img#rebate20 {margin-top: 3px;} #bdpreorder img#rebate20 {margin-bottom: 10px;} /************** PARTNERSHIP PAGES ***************/ /*** Partnership - Experts Page ***/ #experts #main_content{ position:relative; width:632px; height:390px;} #experts #main #main_primary #main_content #alliance_logo{ display:none; position:absolute; top:45px; left:0; width:93px; height:100px;} #experts #main #main_primary #main_content #alliance_logo img{ left:0; top:0;} #experts #main_content p{ margin-bottom:8px; line-height:14px;} #experts #alliance_text { display:none; padding:42px 0 0 103px; width:502px;} #experts #alliance_text p, #experts #alliance_text a, #experts #alliance_text em{ line-height:16px;} #experts #alliance_text h2{padding-top:40px;} #experts #members{ display:none; width:590px; padding-top:10px;} #experts #members *{font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; color:#000;} #experts #members .member{ width:67px; height:100px; float:left; margin-right:20px; text-align:center;} #experts #members .member img{ background-color: #FFFFFF;background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center;} #experts #members div.last_member{margin-right:0; clear:right;} .memberThumbnailOn{position:absolute;top:0;left:0; display:none;} .member{position:relative;cursor:pointer;} /* experts - bio */ .sec_right{ position:absolute; width:auto; top:4px; right:0; height:25px; margin:0; padding:0;} #experts #main_content #popup_expert{display:none;position:absolute;z-index:2;top:40px;width:632px;height:350px;} #experts #main_content #popup_expert_scrollable{ float:left; width:632px; height:347px; overflow:auto;} #experts #main_content #popup_top{ width:590px; height:auto; background-color:#ffffff;} #experts #main_content #popup_expert #popup_expert_name{position:absolute; top:0; left:0; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif;text-transform:lowercase;color:#cb2322; font-size:18px; font-weight:normal; line-height:20px; width:auto; height:25px;} #experts #main_content #popup_expert a.back_link{float:right;text-transform:lowercase;} #experts #main_content #popup_expert img{float:left;text-transform:lowercase;color:#cb2322; font-size:16px;} #experts #main_content #popup_expert_content{margin: 28px 0 0 0; float:left; width:425px;} #experts #main_content #popup_expert_content p, #experts #main_content #popup_expert_content p em{line-height:18px; margin-top:5px; margin-bottom:10px;} #experts #main_content #popup_expert_top{float:left; width:425px; margin-left:25px; position:relative;} #experts #main_content #member_picture_container{width:138px;float:left;} #experts #main_content #member_picture_box{width:138px; height:156px; float:left; background-color: #FFFFFF;background-image:url(../images/loading.gif); background-repeat: no-repeat; background-position: center center;} #experts .last {margin:8px 0 0 0!important;} #experts #main_content #member_picture_description{margin-top:5px;float:left;font-style:italic;} #experts #popup_expert_previous,#experts #popup_expert_next{height:15px; font-size:11px;padding:3px 0; font-weight:normal; color:#585858; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif;} #experts #popup_expert_previous{background:url(../images/arrow_gray_sm_lf.gif) 0 50% no-repeat;padding-left:10px;} #experts #popup_expert_next{background:url(../images/arrow_gray_sm_rg.gif) 100% 50% no-repeat;padding-right:10px;} /*** Partnership - Science ***/ #science #main_content { padding-top:40px; height:350px;} #science_content{ height:349px; width:630px;} #flash_side{ width:340px; height:200px; float:left; } #vid #flash_side{ width:auto; height:auto; float:left; } #flash_skin{ width:300px; height:208px;background-color:#F3F3F3;} #flash_science{ margin:15px; position:absolute;} #flash_science_description{ margin-top:20px; padding-left:5px;} #science_text{ height:auto;padding-right: 30px; } #science_text p, #science_text a, #science_text em{ line-height:16px;} #science #flash_side {float: left; padding-bottom: 20px;} /****************** PRODUCTS PAGES ********************/ /*** Products - pro-x ***/ .product_intro {height: 210px;} .products div#hdr_prox{ background:url(../images/products/prox/hdr_professionally_save.gif) no-repeat top left; width:508px; height:22px;} #prox #main_primary #main_content{width:590px; height:470px;} #prox #main_primary #main_content p{margin:5px 0;} #proxp {margin-top: -15px !important;} /****** Add if proX Rebate ***************/ #category_names li{text-indent: -2999px;} #prox #main_primary #prox_flash{ background:url(../images/products/prox/img_all_products.jpg) no-repeat top left; width:590px; height:363px; z-index:1;margin-top:0px;} #prox #main_primary #prox_flash #hdr_prox_flash{ padding-top:255px;} #prox #main_primary #prox_flash #rollovers{display:none;} #prox .RED212_icon{ margin-top:0px;width: 590px; height:28px;} #prox .RED212_icon div span.bigredbtn{ float:left; padding:5px 220px 0 0;} #prox .RED212_icon .proComposer{ width: 190px;float: right;} /****** Add if proX With rebate ***************/ /*#prox .RED212_icon div em{ float:left; padding:0 10px 0 0; font-size:11px !important; line-height:13px !important; color:#ca2221;}*/ /****** proX Without rebate ***************/ #prox .RED212_icon div em{ float:left; padding:0 5px 0 0; font-size:11px !important; color:#ca2221;} .RED212_icon a, .RED_icon a{ font-weight:normal!important;} #prox .RED212_icon div img{ float:left; padding:0 20px 0 0;} /*** products - details pages ***/ .details #main_content *{ line-height:16px;} .details #main_content {overflow:auto;} .details #main_content .product_intro{width:400px; padding-top:30px;} #wsc .details #main_content .product_intro, #hfc .details #main_content .product_intro, {width:380px; padding-top:30px;} .details #main_content .product_options{width:360px;} .details #main_content .product_options img{margin-right:15px; float:left;} .details #main_content .warning{width:100%; color:#ca2221; font-style:italic; font-size:10px !important; line-height:13px; clear:both; padding:10px 0 !important;} .details #main_content .warning a{color:#ca2221; font-size:10px !important;} .details #main_content .product_usages{width:400px; display:block; clear:both;} .details #main_content .product_usages table{width:406px; display: block; text-align:left; } #wsc .details #main_content .product_usages table {width:380px;} .details #main_content .product_usages table thead th {border-bottom:#c5c6c6 solid 1px; font-weight:bold; padding-right:20px; padding-bottom:6px; vertical-align:top; } .details #main_content .product_usages table th, .details #main_content .product_usages table td, .details #main_content .product_usages table a, #red p, #improvement td, #member_picture_description {font-size:10px;} .details #main_content .product_usages table tbody td{padding-top:6px; vertical-align:top; line-height:14px;} .details #main_content .product_usages table tbody td.usage{padding-right:20px; } .details #main_content .product_usages table tbody td.warning_top{padding-top:10px;} /* Products - details pages - backgrounds */ #wsc .details #main_content{ background:url(../images/products/wsc/bg_wsc.jpg) no-repeat right top;} #iwp .details #main_content{ background:url(../images/products/iwp/bg_iwp.jpg) no-repeat right top;} #dfc .details #main_content{ background:url(../images/products/dfc/bg_dfc.jpg) no-repeat right top;} #dwt .details #main_content{ background:url(../images/products/dwt/bg_dwt.jpg) no-repeat right top;} #arl .details #main_content{ background:url(../images/products/arl/bg_arl.jpg) no-repeat right top;} #erc .details #main_content{ background:url(../images/products/erc/bg_erc.jpg) no-repeat right top;} #hfc .details #main_content{ background:url(../images/products/hfc/bg_hfc.jpg) no-repeat right top;} #psp .details #main_content{ background:url(../images/products/psp/bg_psp.jpg) no-repeat right top;} /**Products - details - psp page **/ #psp .details #main_content .product_options .warning, #iwp .details #main_content .product_options .warning{ margin-left: 20px;} #psp .details #main_content .product_usages table, #iwp .details #main_content .product_usages table{ width:375px;} #psp .details #main_content .product_usages table td.product, #iwp .details #main_content .product_usages table td.product{ width:375px; padding-right:20px;} #psp .details #main_content .product_usages table td.usage, #iwp .details #main_content .product_usages table td.usage{ width:300px;} #results_seal img {margin-top: -4px;} /**Products - details - erc page **/ /************************* RESULTS PAGES ***********************/ /** Results - SWU tabulled table **/ .chartb {float:left;border-color: #c5c7c6;border-width: 0 0 1px 0;border-style:solid;min-width: 140px;text-align:center;min-height: 20px;} .chart {float:left;border-color: #c5c7c6;border-width: 0 1px 0 0;border-style:solid;text-align:center;min-height: 20px;} #results_content .chart {min-width: 140px;} #orderStores .chart {min-height: 110px; width: 200px;} .chartImg {margin-top: -39px;} .cleft {width: 290px;} .cleft p{line-height: 15px!important;} .cleft img {margin-bottom: 0px;} #image {margin-top: -48px;} #result #main_header {margin-bottom:20px;} #result #results_content p {margin: 5px 10px 5px 0; text-align:right; } .ChartBullet {margin: 7px 0;*margin: 5px 0 6px 0;_margin: 7px 59px;} .ChartBulletEnd {margin: 14px 0 15px 0;*margin: 13px 0;_margin: 14px 59px 15px;} #result #legal {margin-top: 10px;*margin-top: 8px;_margin-top: 5px;} .results #results_content{ margin-top:40px;} .guarantee #results_content{ margin-top:20px;} /** Results - SWU pre-order **/ .cright {border-right: none;} .cbot {border-bottom: none;} #orderStores p.backto {font-size:1em; color:#000; margin-top: 13px; font-weight:bold;} #orderStores p {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;line-height:11px;padding:0; color:#787878;margin:0 0 10px 0;} #storemid p.dblLine {margin: -5px 0 4px;} #preorder_save {margin: 20px 0 35px 0;} #preorder_save span{ font-size: 16px; font-weight:bold; color:#c8231f;} #experts #main_content #legal {margin-top: 35px;*margin-top: 0px; } /** Results - proven results **/ #cpr #main_content{ background:url(../images/results/bg_cpr.jpg) no-repeat right top; width:632px; height:390px; overflow:auto;} #cpr #main #main_content #cpr_text{ width:290px;} /** Results - guarantee pages */ .guarantee #guarantee_text{ width:266px; float:left;} .guarantee #guarantee_text table#improvement{ margin-top:20px; margin-left:25px;} .guarantee #guarantee_text table#improvement td{ padding-bottom:8px;} .guarantee #guarantee_chart{ width:301px; float:right;} /*** Results - professional promise*/ .guarantee ul.simple_list{ list-style-type:disc; padding-left: 15px; margin: 10px 0;} .guarantee ul.simple_list li{ margin-bottom:5px; line-height:16px;} /*** Results - clinical studies ***/ .results #rcs_text{ width:310px; float:left;} .results #rcs_text p {margin-bottom:8px; word-spacing: -1px;} #rcs .results #legal {width: 300px;padding-top: 5px;} #rcs #main #main_primary #main_content #legal p.hang{padding-bottom: 3px;} .results #flash_side{ width:300px; height:auto;float:right;} .results #flash_side #the_flash{ background-color:#f3f3f3;width:300px; } .results #flash_side #the_flash #flash_rcs{ width:273px; height:195px; margin:0 auto; padding:10px 0;} .results #flash_side #testimonials{ margin-top:15px; } .results #flash_side #testimonials img{ margin-right:10px;} .results #flash_side #testimonials img.last_testimonial{margin-right:0;} /*** Results - before and after testimonials ***/ .logo {float: right; margin: -30px 20px -15px 0;} .clinical .logo {margin: -30px 0 25px 0;} #vid #bat_content #content_prods #protocol, #bat #bat_content #content_prods #protocol { width: 460px; height:80px; clear:both; text-align:left; margin:0;padding-top:0;} #vid #bat_content #content_prods #protocol p{float:right;margin:-35px 5px 0;width:350px; font-size:14px!important;text-align:right;} #bat #bat_content #content_prods #protocol p{ font-size:12px; width: 300px;float:left;margin-top:25px;} #vid #bat_content #content_prods #protocol p strong{font-size:14px!important;} #vid #bat_content #content_prods #protocol a strong{font-size:14px!important;} #vid #box { background-color:#FF0000; padding:1px;border: 10px solid #dbdbdb; width:680px;margin:1px;position:relative;} .clinical { width:380px!important;} .clinical #bakBox{ padding:50px 37px 20px 34px!important; height: 270px;} .testimonial { width:560px!important;} .testimonial #bakBox{ padding:50px 15px 20px 34px!important; height: 370px;} .testimonial #flash_skin {background-color:#F3F3F3;height:315px;width:480px;margin-top: 40px;} #vid #bakBox { background-color:#FFFFFF; padding:55px 37px 35px 34px;border: 1px solid #f8e4e4;} #vid #bakBox h1 {padding-bottom: 12px;} #bat #main { width:695px;} #bat #main_primary {width:605px; height:457px; margin-top:15px;} #bat #main_header, #vid #main_header{width:605px; height:48px; background-color:#f3f4f4;} #bat #main_header img, #vid #main_header img{ top:15px; left:141px;} #bat #main_content, #vid #main_content{ width:605px; height:352px;background-color:#f3f4f4;} #vid #main_content { height:382px;} #bat #main_content{ height:390px;} #bat #bat_buttons, #vid #bat_buttons{ width:141px; height:auto; float:left; margin:auto;} #bat #bat_buttons div, #vid #bat_buttons div{ width:113px; height:100px; margin:0 0 0 14px; text-align:center;} #bat #bat_buttons div img, #vid #bat_buttons div img{ border:#cb2322 solid 1px; margin-bottom:5px;} #bat #bat_buttons div span, #vid #bat_buttons div span{font-family:"Gill Sans", "Gill Sans MT", Arial, sans-serif; font-weight:normal; text-transform:lowercase;color:#cb2322;} #bat #bat_content, #vid #bat_content{ width:463px; height:auto; float:left;} #bat #bat_content p, #vid #bat_content p{ width:440px;font-size:12px;} #bat #bat_content #content_test, #vid #bat_content #content_test {display:none;} #bat #bat_content #content_ba, #vid #bat_content #content_ba {display:none;} #bat #bat_content #content_prods, #vid #bat_content #content_prods {display:none;} #bat .bat_content #ba_text, #vid .bat_content #ba_text{ width:395px; margin-top:10px;} #bat .bat_content #ba_text ul, #vid .bat_content #ba_text ul{ margin-left:20px;} #bat .bat_content #ba_text ul li, #vid .bat_content #ba_text ul li {line-height:18px;} #vid #bat_content img { margin: -1px 0 0 30px;} .iwpImg { margin: -1px 0 0 45px;float:left;} .savImg { margin-top: 2px;} #protocol a { color:#CA2221;font-size:10px;text-indent: -5px;} #protocol strong {font-size:11px; font-weight:bold;color:#000;} #iwpLink {font-size: 12px!important; font-weight:bold; color:#000000!important;} #bat #bat_content #content_test #flash_testimonials, #vid #bat_content #content_test #flash_testimonials{ margin-bottom:10px;} #bat #bat_content #content_ba p.ba_description, #vid #bat_content #content_ba p.ba_description{ margin-bottom:5px;} #bat #bat_content #content_ba p, #vid #bat_content #content_ba p{margin-bottom:0;} #bat #bat_content #content_prods, #vid #bat_content #content_prods{background:#FFF url(../images/results/bat/bg_products.jpg) no-repeat top left; border:#cb2322 solid 1px; width:458px; height:312px;} #vid #bat_content #content_prods {height:367px;} #bat #bat_content #content_prods {height:380px;} #bat #bat_content #content_prods h2, #vid #bat_content #content_prods h2{margin-top:35px; text-align:center; font-size:11px; line-height:16px; font-weight:normal; } #bat #bat_content #content_prods div, #vid #bat_content #content_prods div{ width:149px; float:left; text-align:center; padding-top:130px; margin:0 auto;} #bat #bat_content #content_prods div h3, #vid #bat_content #content_prods div h3{ width:120px; line-height:12px; font-weight:bold; font-size:11px; margin-left:14px; } #bat #bat_content #content_prods div p, #bat_content #content_prods div p{ width:125px; line-height:12px; margin-left:14px; margin-bottom:0;font-size:10px;} #bat #bat_content #content_prods div a { font-size:10px;} /*** Results - SWU consensus ***/ #mainAlliance {height:350px;position:absolute;margin-top:47px;width:632px;z-index:2;} #allSign {width: 210px; float:left;} .results #allState{float:left;overflow:auto; width:420px; height:340px;_width:400px;} .results .allState{ margin-bottom:10px;} #allState ul { } #allState ul li.numeral { list-style-type:decimal; list-style-position:outside; padding-left: 0px; margin-left: 17px;*margin-left: 23px;padding-bottom: 10px} #allState ul ul {text-indent: 10px;margin: 0 0 10px 24px; } #allState ul ul li{background: transparent url(../images/bullet.gif) no-repeat scroll 0 50%;line-height: 17px;} #signature {margin-bottom: 10px;} #allianceSig {color: #CA2221; font-weight:bold; font-size:0.9em; letter-spacing: -0.25px; line-height: 14px!important;} #experts .alliancetxt {margin-bottom: 10px;} #experts .alliancetxt a{color: #000; font-weight:bold; font-size:1em; letter-spacing: -0.25px;line-height: 14px!important;} #experts .alliancetxt span a{color: #585858; font-weight:bold; font-size:0.8em; letter-spacing: -0.25px; line-height: 17px!important;} /************************ PREORDER PAGE ************************/ .preorder #main { width:795px; float:left;} .preorder #main #main_primary {width:632px; float:left;} .preorder #main #preorder_text{ background:url(../images/preorder/img_products.jpg) no-repeat top right; height:160px; margin-top:10px; padding:10px 310px 40px 0; _padding-bottom:20px; position:relative;} .preorder #main #preorder_text table { width:320px; border-spacing:0;margin-top:10px;} .preorder #main a.back_link{position:absolute; top:0; right:0;} .preorder #main #stores{width:703px; overflow:auto; height:155px; border:#A0A0A4 solid 1px;} .preorder #main #zipCode { width:78px; height:16px; padding:2px 1px; border:1px solid #585858; font-size:11px; color:#888888;} .preorder #main .store{ width:87px; height:80px; margin-right:6px; padding-right:6px; float:left; border-right:#c5c6c6 solid 1px; text-align:center;} .preorder #main .last_store{ border-right:none; margin:0; padding:0;} #bdpreorder span.back{display: none} #iwpOrder #main .header_preorder img{ right:233px;} p.buyspace {line-height: 20px!important;margin-bottom:10px !important;} /************************ MEDIA PAGES *************************/ .media #media_content{ padding-top:30px;} /** media - award and news pages **/ #awards .media #main { width:732px;} #awards .media #main #main_primary {width:503px;} #awards .media #main #main_primary #main_header { width:503px;} #awards .media #main #main_primary #main_content { width:503px;} #awards .media #media_rgt_nav { float:left; width:130px; height:472px; position:relative;} #awards .media #media_rgt_nav #rgt_nav_ctn { width:auto; height:auto; position:absolute; margin-left:16px; bottom:50px; border-top:1px solid #666666; } #awards .media #media_rgt_nav #rgt_nav_ctn p {font-family:"Gill Sans", "Gill Sans MT", Arial, sans-serif; font-size:10px;} #awards .media #media_rgt_nav #rgt_nav_ctn p.rgt_headline { font-size:14px; padding:10px 0 5px 0;} #awards .media #media_rgt_nav #rgt_nav_ctn p a {font-family:"Gill Sans", "Gill Sans MT", Arial, sans-serif; font-size:10px;font-weight:normal;} .media #year_menu{ height:30px;padding-left:28px;} .media #year_menu li{display:inline;font-size:16px; text-align:center; border-right:#999999 solid 1px; float:left;} .media #year_menu a{font-size:14px; font-weight:bold; display:block; width:42px; text-decoration:none; color:#999999;} .media #year_menu li a:hover{color:#ca2221;} .media #year_menu li a:active{color:#ca2221;} .media #year_menu li .selected, #glossary_inline_menu li .selected {color:#ca2221 !important;} .media #year_menu .last_letter{ border-right:none;} .media .month_content{height:60px; width:490px; background:url(../images/info/glossary/gray_line_glossary.gif) repeat-x; background-position:0 25px;} .media .month{font:Helvetica; font-weight:bold; font-size:50px; color:#f0eeee; width:auto; text-align:left; background-color:#FFFFFF; margin-left:28px; vertical-align:middle; line-height:60px; padding:0 10px;} .media #releases{overflow:auto; width:503px; height:328px;} .media .release{ margin-bottom:10px;} .media .white-space{ height:130px;} .media .release .release_img{width:70px; height:auto; float:left;} .media .release .release_img img{padding:10px 0 0 10px; cursor:pointer;} .media .release .release_text{ width:383px; height:auto; float:left;} .media .release .release_text .release_title, #tv_text h2{font-weight:bold; padding-top:10px; color:#ca2221; line-height:14px;} #tv_text h2{padding-top:0px;} .media .release .release_text .release_title img{ cursor:pointer; } .media .release .release_text .release_description, .media .release .release_text .release_description a, .media .release .release_text .release_description em, .media .release .release_text .release_description strong, #tv_text p { text-align:left; line-height:14px;} /* award page */ #detailed{ background-color:#FFFFFF; display:none; width:503px; height:353px; float:left; padding-top:25px;} #detailed ul + h2, #awards #main p.legal + h2{margin-top:10px;} #detailed a.backToAwards{ color:#888888; float:right; clear:both; margin-right:40px;} #awards #detailed h2{ color:#ca2221; margin-bottom:20px;} #awards #detailed p.rightAlign { text-align:right;} #awards #detailed p.redHeadline { text-align:center; color:#ca2221; font-size:14px; font-weight:bold; padding:0;} #awards #detailed p.subHeadline { text-align:center; font-size:11px; padding:0;} #detailed_scrollable{ width:503px; height:325px; overflow:auto;} #detailed_scrollable p.legal a { font-size:9px;} #detailed_scrollable p.detailed_smaller { font-size:11px;} #detailed_scrollable ul { list-style-type:disc; margin-left:15px;} /** media - tv pages **/ #tv .media #main_content{ overflow:auto;} #tv_content{margin:20px 0 0 18px; height:290px;} #tv_content #flash_side{ width:360px; height:290px; float:left; } #tv_carousel {width:300px; height:75px;} .jcarousel-container-horizontal {width: 350px; height:75px; padding:0 20px;} .jcarousel-clip-horizontal { width: 300px;height: 75px;} .jcarousel-item { width: 90px;height: 75px;} .jcarousel-item p { text-align:center; } .jcarousel-item a img { border: #999999 1px solid; } .jcarousel-item a:hover img { border: #ca2221 1px solid; } #main #tv_carousel .jcarousel-item a { color: #999999; text-decoration:none;font-family:"Gill Sans","Gill Sans MT", Helvetica, Arial, sans-serif; } #main #tv_carousel .jcarousel-item a:hover { color: #ca2221; text-decoration:none; } .jcarousel-item-horizontal { margin-right: 10px;} .jcarousel-item-placeholder { background: #fff;color: #000;} /*** Horizontal Buttons Uncomment if more than 3 videos ***/ /*.jcarousel-next-horizontal { position: absolute;margin-top: 10px;right: 54px;width: 11px;height: 27px;cursor: pointer;background: transparent url(../images/media/btn_tv_right.gif) no-repeat 0 0;} .jcarousel-prev-horizontal { position: absolute;margin-top: 10px;left: 0;width: 11px;height: 27px;cursor: pointer;background: transparent url(../images/media/btn_tv_left.gif) no-repeat 0 0;}*/ /************************ PRESALE PAGE ************************/ .girl #main_container_preorder{ height:150px; width:230px;} .girl .availability_preorder{ margin-top:40px; width:325px;} /********************** INFO PAGES ******************************/ .info #info_content{ padding-top:30px;} /** Info - Contact Us **/ #contact_us .info #main { width:865px;} #contact_us .info #main #main_primary { width:775px; float:left;} .info #main #info_text{ height:100px;} .info #main #info_text p{ font-size:14px; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; font-weight:normal;} .info #main #contact_ways{} .info #main .contact_way{height:150px; float:left; border-right:#c5c6c6 solid 1px;} .info #main .email{width:150px; padding-right:20px; } .info #main .phone{width:160px; padding-left:40px;} .info #main .live{ width:155px; padding-left:30px; border-right:none;} .info #main .contact_way .contact_image{height:45px; line-height:45px; font-size:14px; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; font-weight:normal;} .info #main .contact_way .contact_image img{ float:left; padding-right:10px;} .info #main #contact_ways .contact_way .contact_text a.graybg_btn{ color:#FFF; background-color:#a9a9a9; display:block; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; text-transform:uppercase; text-align:center; line-height:20px; text-decoration:none; font-weight:normal;} .info #main .contact_way span{font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; font-size:15px; line-height:20px; font-weight:normal;} /** Info - Glossary pages **/ .info #glossary_inline_menu{ height:30px;} .info #glossary_inline_menu li{display:inline;font-size:16px; text-align:center; border-right:#999999 solid 1px; float:left;} .info #glossary_inline_menu a{font-size:14px; font-weight:bold; display:block; width:21px; text-decoration:none;color:#999999;} .info #glossary_inline_menu li a:hover{color:#ca2221;} .info .div_alphabetic_container{height:50px; width:590px; background:url(../images/info/glossary/gray_line_glossary.gif) repeat-x; background-position:0 23px;} .info .alphabetic_letter{font:Helvetica; font-weight:bold; font-size:50px; color:#f0eeee; width:40px; text-align:center; background-color:#FFFFFF; margin-left:28px; vertical-align:middle; line-height:60px;} .info #glossary_inline_menu .last_letter{ border-right:none;} .info #glossary_terms{overflow:auto; width:592px; height:328px;} .info .glossary_title{padding-left:70px; font-weight:bold; padding-top:10px; color:#ca2221;} .info .glossary_description{padding-left:70px; width:465px; text-align:justify;} .info .glossary_description li{margin-left:20px; list-style-type:disc;list-style-position:outside;} /** Info - Faqs pages **/ #faq .info #main { width:865px;} #faq .info #main #main_primary { width:775px; float:left;} .info #main_content #email_content{ width:775px; display:none;} .info #main_content #email_content #backToContacts { width:auto; padding:10px 0; text-align:right;} /** Info - Site Map **/ .info #main .section{height:265px; float:left; border-right:#c5c6c6 solid 1px;} .info #main .sect_partnership{padding-right:20px; margin-right:20px; } .info #main .sect_products{padding-right:20px; margin-right:20px;} .info #main .sect_results{ border-right:none;} .info #main .section .sect_name{line-height:14px; font-size:14px; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; font-weight:normal; margin-bottom:18px;} .info #main .section ul { margin-bottom:30px;} .info #main .section ul li{ margin-bottom:14px; } .info #main .section ul li{ line-height:10px;} /********************** REGIMEN PAGES ******************************/ /** Regimen - Composer pages **/ /***************************************************/ /********** POPUPS ********************************/ /*********** a general popup for all ***************/ #popup_overlay {background:url(../images/spacer.gif) repeat; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;} #general_popup{background:url(../images/popup/bg_transp.png) repeat; width:auto; height:auto; position:absolute; display:none; z-index:3; } #general_popup #pop_wrapper{width:auto; height:auto; border-color:#ca2221; border-style:solid; border-width:2px; background-color:#FFF; margin:8px; padding:22px; position:relative;} #general_popup #pop_wrapper #pop_header{position:relative; margin-right:40px;} #general_popup #pop_wrapper #pop_header span{position:absolute; font-family:"Gill Sans","Gill Sans MT", Arial, sans-serif; font-size:16px; line-height:20px; color:#ca2221; text-transform:lowercase;} /*Close popup button */ .close{font-size:30px; font-weight:bold; line-height:30px; color:#dcdcdc; position:absolute; top:8px; right:8px; text-decoration:none; cursor:pointer;} *html .close{right:16px;} /** FORMS Popup **/ #popup_content{ background:url(../images/popup/bg_transp.png) repeat; width:592px; height:404px; position:absolute; left:340px; top:120px; display:none; z-index:1; } /* counter popup*/ #girl #popup_content{ background:url(../images/popup/bg_transp.png) repeat; width:492px; height:304px; position:absolute; left:340px; top:120px; display:none; z-index:1; } #girl #wrapper_popup{ width:430px; height:182px; border-color:#ca2221; border-style:solid; border-width:2px; background:url(../images/popup/hdr_email_signup.gif) no-repeat 22px 22px; background-color:#FFF; margin:8px; padding:80px 22px 22px 22px; position:relative;} #girl #wrapper_popup *{ font-size:9px;} #girl #wrapper_popup p{ margin-bottom:12px; line-height:12px;} #girl #wrapper_popup table input{padding-top:2px;} #girl #wrapper_popup table tr td span{margin-right:4px;} #girl #wrapper_popup .name{ background-color:#ebebeb; border:0; width:150px; height:18px;} #girl #wrapper_popup .email{ background-color:#ebebeb; border:0; width:190px; height:18px;} #girl #wrapper_popup #invalidEmail{ visibility:hidden; color:red;} #girl #wrapper_popup a{ text-decoration:underline;} #girl #general_popup p{width:auto;} /*Send a friend popup*/ #general_popup #pop_wrapper #pop_sendafriend #pop_header{ background:url(../images/popup/hdr_email_sendafriend.gif) no-repeat scroll 9px 10px; height:55px;} #general_popup #pop_wrapper #pop_sendafriend #pop_header span#reqFields{ bottom:0; right:10px; color:#585858; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:9px;} #pop_sendafriend{ width:560px; height:auto;} @media screen and (-webkit-min-device-pixel-ratio:0){ #pop_sendafriend {width:570px;} } #pop_sendafriend *{ font-size:9px; line-height:12px;} #pop_sendafriend p{ margin-bottom:12px; line-height:12px;} #pop_sendafriend table td{ padding-bottom:10px; text-align:left;} #pop_sendafriend table td.friendInput{ padding-bottom:0px; margin-top: -5px;} #pop_sendafriend .field{ background-color:#ebebeb; border:0; width:99%; height:16px; padding-top:4px; color:#666666;padding-left: 5px;} #pop_sendafriend textarea{ overflow:hidden; resize:none;} #pop_sendafriend .friendsNames{ width:100%; font-size:10px;} #pop_sendafriend .friendInput input{ font-size:10px;margin-left:15px;width:230px;margin-bottom:13px;} #pop_sendafriend #mainex{ font-size: 9px;} #pop_sendafriend #message{ width:100%; height:188px;} #pop_sendafriend #invalidEmail{ visibility:hidden; color:#ca2221;} #pop_sendafriend #dob { width:80px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; } #pop_sendafriend a{ text-decoration:underline;} #pop_sendafriend #send{ outline:none;} #pop_sendafriend .dobLabel label { margin-left: 20px;} #pop_sendafriend .nameLabel label{ margin-left: 12px;} #pop_sendafriend .nameLabel { margin-left:-35px;} #pop_sendafriend .mailLabel label{ margin-left: 3px;} #pop_sendafriend .mailLabel input{ margin-left: 5px;} #pop_sendafriend .statecl select { margin-left: 20px;} #pop_sendafriend .statecl select { margin-left: 20px;} #pop_sendafriend .statecl select { margin-left: 20px;} #friend_main { width: 400px; margin: 15px 25px;} #friend_main a{ text-decoration:underline; color:red} .hide {} /* Prox Popup */ #general_popup #pop_wrapper{ padding:12px;} #prox #pop_prox{ width:658px; height:auto;} #prox #pop_prox table { text-align:center; padding-top:10px;} #prox #pop_prox table tr#prod_img{ text-align:center; vertical-align:bottom;} #prox #pop_prox table tr#prod_img td{ height:10px; border-right:#c5c6c6 solid 1px;} #prox #pop_prox table tr#prod_name td{ height:50px; border-right:#c5c6c6 solid 1px;} #prox #pop_prox table tr#prod_treat td{ height:22px; border-right:#c5c6c6 solid 1px;} #prox #pop_prox table tr#prod_desc td{border-right:#c5c6c6 solid 1px;} #prox #pop_prox table tr#prod_desc td p{margin:7px; font-size:10px; line-height:11px;} #prox #pop_prox table#products_table td.last_td{ border-right:none;} /* what to expect popup */ #what_expect{margin-top:30px;} .expect {margin-top: 10px;} /* usage popup */ #usage{margin-top:10px;} /*guaranteed popup*/ #general_popup #pop_wrapper #guaranteed{width:450px;} #general_popup #pop_wrapper #guaranteedindex{width:500px;} #general_popup #pop_wrapper #guaranteed #pop_header{ height:38px;} #guaranteed p {margin-bottom:12px} /*results popup*/ #general_popup #pop_results{margin-top:20px; margin-right:10px;} #general_popup #pop_results p { width:418px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #general_popup #pop_results p.results_img { text-align:center;} /*ingredients popup*/ #general_popup #pop_wrapper #pop_alliance{width:520px; } #general_popup #pop_wrapper #pop_alliance #pop_header{margin-right:40px; height:37px;} #general_popup #pop_wrapper #pop_alliance #pop_header span{top:0; left:0;} /*ingredients popup*/ .details #pop_ingredients{ width:536px; } .details #pop_ingredients #pop_header{background:url(../images/popup/hdr_ingredients.gif) no-repeat; height:37px; } .details #pop_ingredients #pop_header span{top:14px; left:100px; } .details #pop_ingredients #the_ingredients{ margin-top:15px;} .details #pop_ingredients #the_ingredients p{ margin-bottom:12px;} /*glossary popup*/ .wrapper_glossary{ width:450px; height:auto;} .wrapper_glossary #pop_header{background:url(../images/popup/hdr_glossary.gif) no-repeat top left; height:37px;} .wrapper_glossary #pop_header span{top:14px; left:100px; } .wrapper_glossary .definition li{ list-style:disc; list-style-position:outside; margin-left: 15px; margin-top: 5px;} .wrapper_glossary .definition{ height:auto;} .wrapper_glossary .definition p{ margin-top:10px; line-height:14px;} .wrapper_glossary .definition p strong{font-size:12px;} .wrapper_glossary p.glossaryRight { text-align:right;} .wrapper_glossary a.goToGlossary {background:url(../images/arrow_gray_sm_rg.gif) 100% 50% no-repeat; padding-right:10px;} /*awards popup*/ .wrapper_awards{ width:500px; height:auto;} .wrapper_awards #pop_header{background:url(../images/popup/hdr_awards.gif) no-repeat top left; height:37px;} .wrapper_awards #pop_header span{top:14px; left:70px; } .wrapper_awards #pop_award_content{ width:500px;} .wrapper_awards #award_logo{ width:150px; float:left;} .wrapper_awards #award_logo img{margin-top:10px;} .wrapper_awards .description{ width:350px; float:left; height:auto;} .wrapper_awards .description p{ margin-top:15px; line-height:14px;} .wrapper_awards .description p strong{font-size:12px;} /*news popup*/ .wrapper_news{ width:500px; height:auto;} .wrapper_news #pop_header{background:url(../images/popup/hdr_news.gif) no-repeat top left; height:37px;} .wrapper_news #pop_header span{top:14px; left:70px; } .wrapper_news #pop_news_content{ width:500px;} .wrapper_news #news_media{ width:300px; float:left;} .wrapper_news #news_media div{margin-top:10px;} .wrapper_news .description{ width:185px; float:left; height:auto;} .wrapper_news .description p{ margin-top:10px; line-height:14px;} .wrapper_news .description p strong{font-size:12px;} /***Custom Checkbox***/ div.chk{width:auto; height:21px; cursor:pointer; background-repeat:no-repeat; background-position:left top; padding:5px 0 0 25px; } *html div.chk{ height:14px; padding-top:7px;} .unchecked{ background:url(../images/check_box_off.gif);} .checked{ background:url(../images/check_box_on.gif);} .unchecked:hover{ background:url(../images/check_box_over.gif) no-repeat left top;} input.chk{ visibility:hidden;} #sendCopy{ width:125px;} #charRemain{ width:110px;} /**************************************** SCROLL STYLES ****************************************/ /*****jScroll Defaults******/ .jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;} .jScrollPaneDrag {position:absolute;background: #666;cursor:pointer;overflow:hidden;} .jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;} .jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;} a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;} a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;} /***OLAY SCROLL ****/ .jScrollPaneTrack {background:url(../images/scroll/bg_tray.gif) repeat-y ;} .jScrollPaneDrag {background:#c4c3c3 url(../images/scroll/DragMiddle_olay.gif) no-repeat 50% 50%;} .jScrollPaneDragTop {background:#c4c3c3;height:7px;} .jScrollPaneDragBottom {background:c4c3c3;height:5px;} /**********************************************************************************************/ /**************************************** CAROUSEL STYLES ****************************************/ /*** This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li,.jcarousel-item {float: left;list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 92px;height: 90px;} /*** The buttons are added dynamically by jCarousel before the