/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption {text-align:left;font-weight:normal;} table, td, th {vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 0em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} th {font-weight:bold;} caption {padding:0px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0px;padding: 2px;} input.text, input.title {width:300px;padding:5px;padding:2px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {border:2px solid #ddd;;text-align:left;} span.error {border: none;padding-left:5px;} .error {color:#FF0000;border-color:#FF0000; line-height:20px; padding:5px;} .error_color {color:#FF0000;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880; padding:5px;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* grid.css */ .container {width:950px;margin:0 auto;} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%; height:1px;margin:0 0 10px;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;}/* @import must be at top of file, otherwise CSS will not work */ @import url("http://hello.myfonts.net/count/26e5df"); @font-face { font-family: 'ArialMTStd-Light'; src: url('webfonts/26E5DF_0_0.eot'); src: url('webfonts/26E5DF_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/26E5DF_0_0.woff') format('woff'), url('webfonts/26E5DF_0_0.ttf') format('truetype'); } /* Header and footer styles - 04/09/2013 by Suresh V*/ * { padding: 0px; margin: 0px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0; padding: 0; color: #646464; font-weight: normal; line-height: 17px; } /* body { background: #ffffff url('../../../images/2013/us/global/snowflakes_BG_500x500.jpg') repeat; } */ a.arrow, a.arrow:hover{margin: 0 0 10px 0;} h1 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #232323; } h2 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 30px; line-height: 20px; margin: 0 0 9px; text-transform: uppercase; color: #232323; } h3 { font-size: 14px; color: #232323; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } .price { font-size: 24px; color: #232323; } p { margin-bottom: 10px; } .BVRRRatingSummaryStyle2 { margin: 0px 0 5px 0 !important; } #skinCare50Div { height: 95px; width: 50%; float: right; } .skincare50Color { color: #fc3b72; } #lightbox9 { width: 100%; height: 100%; background-color: #fff; opacity: .5; filter: alpha(opacity=50); z-index: 1001; display: none; position: fixed; left: 0; top: 0; zoom: 1; } .buynowHrlp_Content { text-align: center; color: #D80E7A; font-family: Georgia, Arial, sans-serif; font-style: italic; } #buynow_div { width: 510px; height: 560px; padding: 25px; -moz-box-shadow: 0px 1px 2px 2px #999; -webkit-box-shadow: 0px 1px 2px 2px #999; box-shadow: 0px 1px 2px 2px #999; display: none; position: fixed; top: 25px; left: 100px; z-index: 1003; background-color: #fff; } .crossSell_div { width: 250px; } .buynow_top { text-align: center; position: relative; } .buynow_top .product_flag { position: absolute; left: -26px; top: -26px; } #buynow_product { margin: 25px 0 20px; width: 230px; height: 230px; } .buynow_header { color: #232323; font-size: 23px; } .easypay_outer { display: none; position: absolute; } .shipping_outer { display: none; position: absolute; } .shipping_outer { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; font-size: 12px !important; height: 900px; overflow: auto; padding: 0px; position: fixed; top: 50px; z-index: 3003; width: 980px; } .close_shipping_Hopup { position: absolute; right: -5px; top: 10px; width: 30px; left: 830px; } .easypay_terms ol, .easypay_terms ol li, .easypay_terms p { font-size: 12px !important; } .easypay_terms { width: 650px; height: 450px; padding: 40px 80px 40px 40px; border: 5px solid #999; position: fixed; top: 50px; z-index: 3003; background-color: #fff; overflow: auto; font-size: 12px !important; } #easypay_hopup_close { position: fixed; margin: -147px 0 0 678px; z-index: 4000; } #replenish_hopup_close { position: fixed; margin: -107px 0 0 698px; z-index: 4000; font-weight: bold; } #coola_hopup { display: none; width: 670px; height: 364px; padding: 40px; border: 5px solid #999; position: fixed; top: 100px; z-index: 3003; background-color: #fff; overflow: auto; left: 415px; font-size: 15px; } #coola_hopup_close { position: fixed; margin: -32px 0 0 647px; } .coola_pic { margin-right: 40px; } .coola_head { font-size: 30px; line-height: 35px; font-family: 'ArialMTStd-Light', Arial, sans-serif; } header { width: 100%; padding: 0; } header .account_info_container { width: 980px; background: #fff; margin: 0 auto; text-align: center; } header .logo_bar_bg, nav, #marketting_boxes, #posts_videos, footer { text-align: center; } header .account_info_container *, header .logo_bar_bg *, nav *, #marketting_boxes *, #posts_videos *, footer * { text-align: left; } header .account_info_container .account_links { float: right; padding: 10px 0; } header .account_info_container .account_links li { list-style: none; float: left; font-family: Georgia, Arial, sans-serif; font-size: 13px; font-style: italic; /* display: block; */ } .nav_link_divider { padding: 0 15px; } header .account_info_container .account_links li:last-child { background: #ededed; width: 30px; height: 20px; border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; text-align: center; } header .account_info_container .account_links li:last-child a { margin-left: 0px; } header .logo_bar_bg { background: #585858; height: 93px; } header .logo_bar_bg .logo_bar { width: 980px; background: none; margin: 0 auto; } header .logo_bar_bg .logo_bar .logo { float: left; width: 200px; padding: 10px 0 35px 30px !important; } header .logo_bar_bg .logo_bar .promo_info li span { color: #e7048c; letter-spacing: 1px; font-weight: bold; } .clear { clear: both; } .right { float: right; } .left { float: left; } a { text-decoration: none; color: #646464; background: none; outline: 0; } a:hover { color: #232323; text-decoration: none; outline: 0; } footer { padding-top: 10px; width: 980px; margin: 0 auto; } footer section { width: 245px; float: left; background: #ededed; border-right: 1px solid #d3d3d3; height: 252px; } footer section .footer_box { margin: 40px 35px 40px 40px; } footer section .footer_box ul li { list-style: none; /*text-transform: capitalize;*/ } footer section:nth-child(3) .footer_box li { height: 24px; } footer section .footer_box ul li:first-child { font-weight: bold; } footer section:nth-child (3) .footer_box ul li a img { vertical-align: middle; padding: 0px 3px 5px 0; } footer section .footer_box .signup_head { font-family: Georgia, Arial, sans-serif; font-size: 14px; color: #000000; text-transform: uppercase; font-weight: bold; } footer section:nth-child(4) { border: none; width: 242px; } footer section:nth-child(4) .footer_box { margin-right: 40px; } footer section:nth-child(4) p { text-align: center; } footer section .footer_box .email_head { margin-bottom: 7px; } footer section .footer_box ul li:first-child { margin-bottom: 4px; } #headerSignUpEmail { text-align: center; float: left; } #signup_submit_footer { background: url('../../../images/2013/us/footer/signup_submit.gif') 0 0px no-repeat; border: none; cursor: pointer; width: 20px; height: 21px; float: left; } .vertical_center { vertical-align: middle; } .headerPromoText { display: inline-block; float: left; margin-left: 245px; margin-top: 10px; font-size: 18px; } #country_dropdown { position: absolute; z-index: 5; left: -21px; padding-top: 13px; display: none; } #country_dropdown ul { padding: 0 3px; background: #fff; } #country_dropdown ul li { list-style: none; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; text-transform: none; display: block; background: #ffffff; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; padding: 0px 10px; width: 120px; } #country_drop { z-index: 4000; } #country_dropdown ul li:last-child { text-align: left; margin-left: 0px; background: #ffffff; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-radius: 0; -moz-border-radius: 0; display: block; border-bottom: 1px solid #9c9c9c; height: auto; margin-bottom: 10px; padding-bottom: 10px; } #country_dropdown ul li a { display: block; padding: 7px; } #country_dropdown ul li a:hover { background: #EDEDED !important; } nav { position: relative; width: 980px; margin: 0 auto; min-width: 980px; z-index: 103; } nav ul { position: absolute; display: block; z-index: 1; top: -24px; left: 0; } nav ul li { list-style: none; float: left; width: 183px; border-right: 1px solid #dedede; display: block; background: #ffffff; color: #232323; position: relative; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; } nav ul li:hover { color: #232323; } nav ul li a { color: #232323 !important; display: block; font-size: 14px; text-align: center; line-height: 50px; font-weight: bold; height: 50px; text-transform: uppercase; } nav ul .firstnav:hover { border-bottom: 10px solid #80dca0; color: #232323 !important; height: 40px; } nav ul .second:hover { border-bottom: 10px solid #e7a7dc; color: #232323 !important; height: 40px; } nav ul .third:hover { border-bottom: 10px solid #6dc0e3 !important; height: 40px; } nav ul .fourth:hover { /* border-bottom: 10px solid #b3b3b3 !important; height: 40px; color: #00a19a !important;*/ } nav ul .fifth:hover { border-bottom: 10px solid #b3b3b3 !important; height: 40px; color: #232323 !important; } .fourth { width: 245px !important; } .bluenavBar { /*border-bottom: 10px solid #6dc0e3 !important; height: 40px;*/ } .greenbar { border-bottom: 10px solid #80dca0; height: 40px; color: #232323 !important; } .cyannavBar { border-bottom: 10px solid #00a19a; height: 50px; color: #232323 !important; } .greybar { /*border-bottom: 10px solid #b3b3b3 !important; height: 40px; color: #232323 !important;*/ } .pinknavBar { /*border-bottom: 10px solid #e7a7dc !important; height:40px;*/ } nav ul .no-border { border-right: none; } nav ul li section { width: 980px; height: 245px; position: absolute; left: 0px; z-index: -1; display: none; } nav ul li section .nav_1_drop { width: 980px; margin: 0 auto; } li.footer_head, li.footer_head a { font-size: 14px; color: #000000 !important; text-transform: capitalize; } div.nav_1_drop { background: #fff; height: 245px; } div.nav_1_drop .nav_block { float: left; width: 489px; height: 245px; border-right: 1px solid #dcdcdc; } div.nav_1_drop .nav_block .drop_image { float: left; margin-right: 25px; width: 245px; box-sizing: border-box; -webkit-box-sizing: border-box; } div.nav_1_drop .nav_block .drop_image a:hover, div.nav_1_drop .nav_block .drop_text a:hover { border: none !important; } div.nav_1_drop .nav_block .drop_text { /* width: 194px; float: right; */ padding-right: 25px; padding-top: 25px; } .second div.nav_1_drop .nav_block .drop_text { padding-top: 31px; } div.nav_1_drop .nav_block a, div.nav_1_drop .nav_block a:hover { text-align: left; text-decoration: none; text-transform: none; font-size: 12px; border: none; height: auto; } .no_border { border: none !important; } .colorSwatchLink img { border: 1px solid #ccc; margin: 0 1px 0 0; border-radius: 1px; } .colorSwatchLink {} #specialMessage { text-transform: uppercase; color: #f06eaa; margin-bottom: -4px; font-size: 13px; } #colorPickerMessage { font-size: 14px; } #selectedColorProduct { font-size: 12px !important; font-style: italic; } #nav_drop_container .nav_item1 { float: left; width: 326px; border-right: 1px solid #DEDEDE; height: 225px; } #nav_drop_container .nav_item1 .headlcopy_box { width: 286px; margin: 0 auto; text-align: center; margin-bottom: 8px; } #nav_drop_container .nav_item1 .headlcopy_box h3 { margin-bottom: 5px; } /* #tmpSlide-1 a.arrow,a.arrow:hover { background: url('../../../images/2013/us/global/arrow_white.png') no-repeat center right !important; } */ .white-arrow { background: url('../../../images/2013/us/global/arrow_white.png') no-repeat center right !important; font-size: 12px; font-weight: bold; height: 12px; padding-right: 9px; text-decoration: underline !important; text-transform: uppercase !important; line-height: 12px; border: none !important; display: inline; } a.arrow, a.arrow:hover { background: url('../../../images/2013/us/global/link_arrow.png') no-repeat center right !important; color: #232323 !important; font-size: 12px; font-weight: bold; height: 12px; padding-right: 9px; text-decoration: underline !important; text-transform: uppercase !important; line-height: 12px; border: none !important; display: inline; } /* Header and footer styles end */ /* styles for home page start - Suresh V - 04/18/2013 */ #home_body { /* padding-top: 30px; */ } #marketting_feature .marketting_feature { width: 320px; margin: 10px 10px 10px 0; float: left; } #marketting_feature { width: 980px; margin: 0 auto; } #posts_videos .main_photoshootvideo { float: left; width: 650px; height: 620px; margin-right: 10px; margin-top: 3px; } #posts_videos { width: 980px; margin: 0 auto; margin-top: 10px; } #posts_videos .posts { width: 320px; float: right; border-bottom: none; overflow: hidden; height: 621px; background: #ffffff; } #posts_videos .newhpemailsignup { width: 320px; float: right; border-bottom: none; text-align: center; } #posts_videos .newhplateposts { padding: 19px 0; border-top: 1px dotted #cccccc; height: 60px; overflow: hidden; } #posts_videos .newhplateposts .imageURL { float: left; width: 60px; margin-right: 15px; } #posts_videos .newhplateposts .headline, #newhplateposts .headline p { float: left; width: 215px; padding-right: 20px; } #posts_videos .newhplateposts .headline a, #marketting_boxes .newhpmboxes .headline a { color: #646464; } #posts_videos .newhplateposts .headline a:hover, #marketting_boxes .newhpmboxes .headline a:hover { color: #232323; } #posts_videos .newhplateposts .headline { font-family: Georgia, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #646464; margin-top: 0px; } .newhplateposts p a:hover { color: #646464 !important; } #posts_videos .newhplateposts .headline:hover { color: #232323; } #posts_videos .newhplateposts .content { font-family: Georgia, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-align: center; border-top: 4px solid #000000; padding: 7px 0; text-transform: uppercase; } #bc_latePost5_us { border-bottom: 4px solid #000000 !important; } #marketting_boxes { width: 980px; margin: 0 auto; background: none repeat scroll 0 0 #FFFFFF; } #marketting_boxes .newhpmboxes { width: 318px; margin: 12px 12px 0px 0; float: left; height: 272px; position: relative; border-bottom: 10px solid #ededed; } #marketting_boxes .newhpmboxes .headline { font-size: 14px; color: #232323; margin: 10px 10px 4px 10px; font-weight: bold; text-transform: uppercase; } #marketting_boxes .newhpmboxes a { display: block; } #marketting_boxes .newhpmboxes p { font-size: 14px; margin: 0 10px 15px 10px; line-height: 17px; } #posts_videos div.newhpemailsignup { background: #EDEDED; padding: 12px 0; } #posts_videos div.newhpemailsignup * { text-align: center; } #posts_videos div.newhpemailsignup .imageURL, #posts_videos div.newhpemailsignup .headline { display: inline; color: #000000; font-family: Georgia, Arial, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; } #signup_submit { background: url("../../../images/2013/us/footer/signup_submit.gif") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 21px; width: 20px; } #signup_submit_header { /*background: url("../../../images/2013/us/footer/signup_submit.gif") no-repeat scroll 0 0 transparent;*/ border: medium none; z-index: 101; cursor: pointer; float: left; height: 20px; width: 34px; font-size: 12px; background-color: #585858; color: white; text-align: center; font-weight: bold; } #markEmail, #headerSignUpEmail { width: 114px; border: none; padding: 3px; font-size: 12px; height: 17px; } #posts_videos .newhplateposts p { line-height: 15px; margin-right: 20px; font-size: 12px; } nav ul li section { -moz-box-shadow: 0 1px 0px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; } #emailMarketFormHeader { width: 143px; margin: 0 auto; } #bl_pdf_1 { position: absolute; margin: -180px 0 0 20px; display: none; } #bl_pdf_2 { position: absolute; margin: -180px 0 0 80px; display: none; } #bl_pdf_3 { position: absolute; margin: -180px 0 0 150px; display: none; } div.nav_1_drop .nav_block .drop_text p { font-size: 14px; line-height: 17px; } div.nav_1_drop .nav_block .drop_text p:hover { color: #232323; } div.nav_1_drop .nav_block .drop_text h3, div.nav_1_drop .nav31_bg h3, div.nav_1_drop .nav32_bg h3, div.nav_1_drop .nav33_bg h3, , div.nav_1_drop .nav34_bg h3 { font-size: 16px; } div.nav_1_drop .nav31_bg h3, div.nav_1_drop .nav32_bg h3, div.nav_1_drop .nav33_bg h3, div.nav_1_drop .nav34_bg h3 { padding-top: 40px; text-align: center; margin-bottom: 120px; } div.nav_1_drop .nav31_bg p, div.nav_1_drop .nav32_bg p, div.nav_1_drop .nav33_bg p, div.nav_1_drop .nav34_bg p { text-align: center; } /* styles for home page end */ #content { position: relative; margin: 0 auto; width: 980px; background: #ffffff; text-align: left; zoom: 1; border: 1px solid #D3D3D3; padding-top: 20px; } .bluebtn input, .bluebtn a { background: none repeat scroll 0 0 #585858; border: solid 1px #fff !important; color: #FFFFFF !important; cursor: pointer; font-size: 11px; font-weight: bold; padding: 4px 10px; text-transform: uppercase; } .bluebtn input:hover, .bluebtn a:hover { background-color: #585858; border: solid 1px #eee; } .uCase { text-transform: uppercase; } .review_group_header { margin-top: 25px; } .disc_elements { color: #646464; margin: 10px 0; } .disc_elements li { color: #646464; margin-left: 15px; list-style: disc; line-height: 20px; } .hz_divider { border-top: 1px dotted #cccccc; margin-top: 10px; margin-bottom: 10px; } #two_cols { padding: 0; } #two_cols .content_right { float: left; width: 1040px; } #two_cols .content_right .content_632 { margin-right: 188px; margin-bottom: 50px; } #two_cols .text_right { float: left; width: 540px; margin-left: 20px; } #two_cols .qa { font-weight: normal; } #two_cols .qa_answer { font-weight: normal; display: none; } .review_content_container { padding: 20px; } #two_cols .qa p.title { width: 80%; float: left; font-size: 15px; color: #333; cursor: pointer; padding: 20px 0px 20px 0px; } .hide_show_buttons { padding: 20px 0 0; } #two_cols .faq_right { padding: 10px; float: right; width: 62px; } /* styles for sitemap*/ #sitemap { padding: 20px 0px 40px; } #sitemap table { border-collapse: inherit; } #sitemap th.sitemap-cell { padding: 20px 0 10px; border-top: 1px dotted #cccccc; } #sitemap .sitemap-cell { padding: 0 0 15px 0; border: none; } ul li { list-style: none; } #relative_email { text-align: left; } .align_left { text-align: left !important; } #content_cart { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; padding: 20px 40px 0 40px; text-align: left; width: 900px; border: 1px solid #D3D3D3; zoom: 1; position: relative; } a.underline { text-decoration: underline; } #tab_container .divider { margin-top: 10px; } #locator .unhidDiv { border-bottom: 1px solid #cccccc; padding: 10px 10px 10px 0px; cursor: pointer; } #locator .unhidDiv:hover { background: none } #locator .hidInnerLarge { background: none; padding-left: 0px; padding-right: 10px; padding-top: 10px; border-bottom: 1px solid #cccccc; } .img_caption { margin-top: 5px; margin-left: 45px; margin-right: 10px } /* activation flow styles start */ .activation_subhead { color: #aaaaaa; font-size: 14px; } #content .activate { padding-left: 25px; padding-bottom: 35px; } #serial_num, #noSerialNumber { position: absolute; left:0; top: -340px; background: #fff; display: none; z-index: 5; } #serial_num .carrot, #noSerialNumber .carrot { position: absolute; bottom:-16px; left: 90px; } #noSerialNumber { border: 1px solid #ADADAD; box-shadow: 0 0 7px #ADADAD; -moz-box-shadow: 0 0 7px #ADADAD; width: 680px; padding-bottom: 10px; top: -260px; } #noSerialNumber .carrot { bottom: -18px; } #serial_num_inner { padding: 15px; border: 1px solid #ADADAD; box-shadow: 0 0 7px #ADADAD; -moz-box-shadow: 0 0 7px #ADADAD; width: 687px; z-index: 7; } #serial_close, #serial_close1 { position: absolute; right: 0px; top: 0px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #serial_close:hover, #serial_close1:hover { filter: alpha(opacity=100); opacity: 1; } #serial_num_inner .serial_inner_left, .serial_num_retry { float: left; margin-right: 25px; } .serial_inner_right { width: 400px; padding-top: 45px; } .serial_num_retry_right { width: 350px; float: left; padding-top: 40px; } .nouser_inner { padding: 15px 0px 20px 15px; } .tone_selector { padding: 10px 50px 20px 15px; } #confirmation { padding: 15px 0px 100px 15px; } #confirmation .messageA { width: 572px; float: left; } #confirmation .messageA p, #confirmation .messageB p { margin-left: 30px; margin-bottom: 25px; } #confirmation .messageA_img { width: 200px; float: right; margin-right: 40px; } #confirmation .messageA h2 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 17px; color: #232323; margin-bottom: 15px; padding-left: 30px; padding-top: 3px; } #confirmation .messageA_bg { background: url(../../../images/2013/us/activation/blue_1.png) no-repeat 0 0px; padding-top: 0px; padding-bottom: 5px; } #confirmation .messageB_bg { background: url(../../../images/2013/us/activation/blue_2.png) no-repeat 0 22px; padding-top: 2px; padding-bottom: 5px; } #confirmation .messageC_bg { background: url(../../../images/2013/us/activation/blue_3.png) no-repeat 0 22px; padding-top: 2px; padding-bottom: 5px; } #confirmation .messageA_bg p b, #confirmation .messageB_bg p b, #confirmation .messageC_bg p b { padding-bottom: 10px; display: inline-block; } .tbdcbc_lhr_c_4x_feature8 { width: 980px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-bottom: 60px; padding-top: 40px; } .tbdcbc_lhr_c_4x_feature9 { width: 980px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; } .tbdcbc_lhr_c_4x_feature9 .column1.link { position: relative; margin-top: 120px; color: red; } .tbdcbc_lhr_c_4x_feature9 .column1 { float: left; padding: 230px 15px 30px 40px; } .tbdcbc_lhr_c_4x_feature9 .column2 { float: left; padding: 230px 0px 30px 0px; } .tbdcbc_lhr_c_4x_feature9 .column1 .link { padding-top: 30px; } .tbdcbc_lhr_c_4x_feature6 .tbdcbContent { width: 430px; padding: 100px 40px 0px; } .tbdcbc_lhr_c_4x_feature9 .column3 { float: right; position: relative; } .tbdcbc_lhr_c_4x_feature9 .column3 .column_text { position: absolute; left: -564px; width: 500px; top: 30px; } .tbdcbc_lhr_c_4x_feature9 .column3 img { margin-right: 134px; } .tbdcbc_lhr_c_4x_feature9 .column3 .column_text .content { line-height: 20px; width: 430px; } .tbdcbc_lhr_c_4x_feature8 .column1 { float: left; padding: 80px 0 0 20px; } .tbdcbc_lhr_c_4x_feature8 .column2 { float: left; padding: 1px 1px 1px 1px; } .tbdcbc_lhr_c_4x_feature8 .column3 { float: left; position: relative; padding: 60px 0px 30px 0px; } .tbdcbc_lhr_c_4x_feature8 .column3 .column_text { position: absolute; left: 20px; width: 200px; padding-top: 15px; } .tbdcbc_lhr_c_4x_feature8 .column3 .link { position: relative; left: 20px; top: 145px; } .tbdcbc_lhr_c_4x_feature8 .column3 .column_text .headline { font-size: 36px; line-height: 24px; position: absolute; top: -60px; left: -500px; background: #ffffff; } .rating { font-style: italic; font-family: Georgia, Arial, sans-serif; color: #646464; } .tbdcbc_lhr_c_4x_feature8 .column3 .column_text .content { font-size: 17px; color: #333333; padding-top: 10px; } .tbdcbc_lhr_c_4x_feature6 .tbdcbImage { float: left !important; } .tbdcbc_lhr_c_4x_feature6 .tbdcbContent { float: right !important; } #contentP .tbdcbc_lhr_c_4x_feature8 .column1 .headline { line-height: 14px; text-align: center; } a.greenbtn2 { background: linear-gradient(#20B88F 60%, #178D6D) repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; width: auto; background-image: -webkit-linear-gradient(#20B88F 60%, #178D6D); background-image: -moz-linear-gradient(#20B88F 60%, #178D6D); background-image: -o-linear-gradient(#20B88F 60%, #178D6D); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#20B88F', endColorstr='#178D6D', GradientType=0); /*For IE7-8-9*/ } a.greenbtn2:hover { background: linear-gradient(#13AD83, #147E61) repeat scroll 0 0 transparent; background-image: -webkit-linear-gradient(#13AD83, #147E61); background-image: -moz-linear-gradient(#13AD83, #147E61); background-image: -o-linear-gradient(#13AD83, #147E61); } a.greenbtn3 { background: linear-gradient(#20B88F 60%, #178D6D) repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; width: auto; background-image: -webkit-linear-gradient(#20B88F 60%, #178D6D); background-image: -moz-linear-gradient(#20B88F 60%, #178D6D); background-image: -o-linear-gradient(#20B88F 60%, #178D6D); } a.greenbtn3:hover { background: linear-gradient(#13AD83, #147E61) repeat scroll 0 0 transparent; background-image: -webkit-linear-gradient(#13AD83, #147E61); background-image: -moz-linear-gradient(#13AD83, #147E61); background-image: -o-linear-gradient(#13AD83, #147E61); } .green_link { color: #20B88F !important; text-transform: uppercase; background: url("../../../images/2013/us/global/green_arrow.gif") no-repeat scroll right center transparent !important; padding-right: 9px; font-weight: bold; } #take_fans1, #take_fans2, #take_fans3 { position: relative; } #take_fans2 { border-right: 1px solid #DCDCDC; float: left; height: 213px; padding: 0 25px; margin-left: 80px; width: 180px; } #content .thankyou_activation { padding: 40px 0px 40px 15px; } .thankyou_activation h2 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 14px; color: #02a4ba; margin-bottom: 15px; line-height: 17px; } .thankyou_left { width: 220px; float: left; } .thankyou_left2 { width: 253px; float: left; } .thankyou_left p, .thankyou_left2 p { padding-top: 32px; } .thankyou_right, .thankyou_right2 { width: 190px; margin-right: 46px; float: left; } .thankyou_bottom_left { float: left; width: 575px; margin-top: 20px; } .thankyou_bottom_right { float: right; width: 229px; } .hp_play_video { /*margin-left: -58px;*/ float: left; padding-top: 4px; } /* activation flow styles end */ .error01 { color: #FF0000; } table.orders th { font-weight: bold; text-align: left; padding: 5px 0px 5px; background: url('../../../images/2013/us/global/border_h.gif') bottom left repeat-x; } table.orders td { text-align: left; padding: 3px 0px 3px; background: url('../../../images/2013/us/global/border_h.gif') bottom left repeat-x; line-height: 20px; } table.orders td.empty { text-align: center; color: #FF0000; } table.listing { padding: 0px; margin: 0px; width: 100%; } table.listing td, table.listing th { padding: 8px 0px 8px 12px; text-align: left; } table.listing th { padding-top: 0px; } table.listing tr.odd { background-color: #F7F7F7; } table.register { padding: 0px; margin: 0px; width: 100%; } table.register td, table.register th { padding: 2px 0px 2px 0px; text-align: left; } table.register input[type=text], table.register input[type=password] { width: 279px; } table.register input[type=checkbox] { margin-right: 3px; } table.confirm th { text-align: left; font-size: 14px; font-weight: bold; } table.confirm td { padding: 0px; } table.confirm tr.shipping td { padding: 8px 0px 3px 0px; } table.questionaire { width: 100%; } table.questionaire th { font-family: Arial, Helvetica, san-serif; color: #0066a4; ; font-weight: bold; font-size: 14px; padding: 0px 0px 5px 0px; text-align: left; } table.questionaire td { padding: 2px 0px 2px 0px; } table.questionaire td.subheader { font-weight: bold; padding: 5px 0px 5px 0px; } table.questionaire td input.rightspace { margin-right: 5px; } table.form { padding: 0px; margin: 0px; width: 100%; } table.form td, table.form th { padding: 8px 0px 5px 0px; text-align: left; line-height: 17px; color: #646464; } table.form th { color: #333333; font-weight: bold; padding-bottom: 0px; font-size: 14px; } .error01 { color: #FF0000; } .error { color: #FF0000; border-color: #FF0000; padding: 5px; } #marketting_feature_sweeps .content_panel_error .error { font-size: 12px; padding: 3px; line-height: 17px; } table.form .error { padding: 5px; } table.form .required { color: #cc0000; } table.form input[type=text], table.form input[type="password"], table.form select { width: 160px; padding-left: 3px; } table.form input[type=radio] { margin-right: 5px; } a.white, a.white:hover { color: #ffffff; text-decoration: none; } .right_side_infobox .rnav_info_body .percent { color: #0066a4; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, san-serif; } .acne_shop_text { font-size: 14px; font-family: Arial, Helvetica, san-serif; font-weight: bold; } /* skin tone chart styles start */ .compare_guide { margin: 25px auto 20px auto; text-align: center; vertical-align: middle; background: url('../../../images/2013/us/ppage/LHR/HRL_InteractiveTool_BG_01.jpg') top left no-repeat; width: 828px; padding-top: 40px; } #container_skin { padding: 45px 0px 0px 17px; } .comparative { font-size: 11px; line-height: 13px; } .compare_bottom { text-align: left; padding-left: 92px; width: 600px; margin-top: 50px; } .clear-skin { clear: both; } .left-skin { float: left; margin-right: 2px; padding-top: 0 !important; } #second_select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #02a4ba; font-weight: bold; } .result_head { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #232323; } .result_head3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #232323; margin-bottom: 10px; font-weight: bold; } .result_head2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #232323; /* color:#d71920;*/ font-weight: bold; margin-bottom: 10px; } .disclaimer1 { margin: 0 0 60px 96px; text-align: left; width: 600px; } .result4 { background: url('../../../images/2013/us/ppage/interactiveTool_circle.jpg') no-repeat top left; padding: 10px 0 1px 50px; width: 600px; height: 40px; } .result3 { background: url('../../../images/2013/us/ppage/checkmark.jpg') no-repeat top left; padding: 10px 0 0 50px; width: 600px; height: 80px; } .result2 { background: url('../../../images/2013/us/ppage/interactiveTool_x.jpg') no-repeat top left; padding: 10px 0 0 50px; width: 600px; height: 120px; } .skin_back1 { height: 140px; width: 670px; margin: 0 auto; } .skin_back { height: 140px; width: 670px; margin: 0 auto; } .skin_back2 { height: 178px; width: 670px; margin: 0 auto; } .skin_chart_cell { width: 108px; float:left; line-height: 15px; text-align: center; display:block !important; } .skin_chart td{display:none;} .skin_chart_cell2 { width: 93px; line-height: 15px; text-align: center; display:block !important; float:left; } .colorwidth{float:left;} .Colorname{text-align:center;margin-top:30px;} .skin_title { height: 40px; width: 100%; text-align: left; vertical-align: middle; background: url('../../../images/2013/us/activation/blue_2.png') no-repeat 0 1px; padding: 4px 0 0 35px; font-size: 15px; color: #646464; } .skin_title1 { height: 40px; width: 100%; text-align: left; vertical-align: middle; background: url('../../../images/2013/us/activation/blue_1.png') no-repeat 0 1px; padding: 4px 0 0 35px; font-size: 15px; color: #646464; } .skin_chart { margin-top: -20px; position: absolute; } .skin_chart2 td{display:none;} .skin_chart2 { margin-top: -25px; position: absolute; } .skin_chart_old { margin-top: -20px; position: absolute; } .skin_chart2_old { margin-top: -25px; position: absolute; } #tab_container .about_inner_container #tab_product_content h2 { line-height: 30px; } .activation_divider { border-top: 1px dotted #cccccc; margin-bottom: 5px !important; margin-top: 0px !important; } /* skin tone chart styles end */ #tmpSlide-1 .hp_panel, #tmpSlide-2 .hp_panel, #tmpSlide-3 .hp_panel, #tmpSlide-4 .hp_panel, #tmpSlide-5 .hp_panel { position: relative; } .leftCalloutBanner1 h2 { text-align: center !important; font-family: georgia; font-size: 75px; line-height: 50px; } .leftCalloutBanner1 h1 { text-align: center !important; font-family: georgia; font-size: 40px; font-style: italic; } .leftCalloutBanner1 h2 span { text-align: center !important; font-family: georgia; font-size: 48px; line-height: 50px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF !important; margin-left: -384px; margin-top: 20px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 h2 { text-align: center !important; font-family: georgia; font-size: 62px; line-height: 50px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 h1 { text-align: center !important; font-family: georgia; font-size: 40px; font-style: italic; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 h2 span { text-align: center !important; font-family: georgia; font-size: 39px; line-height: 50px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 h2 { text-align: center !important; font-family: georgia; font-size: 62px; line-height: 50px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 h1 { text-align: center !important; font-family: georgia; font-size: 40px; font-style: italic; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 h2 span { text-align: center !important; font-family: georgia; font-size: 39px; line-height: 50px; } .leftCallout_colors_Banner1 h2 { text-align: center !important; font-family: georgia; font-size: 75px; line-height: 50px; } .leftCallout_colors_Banner1 h1 { text-align: center !important; font-family: georgia; font-size: 40px; font-style: italic; } .leftCallout_colors_Banner1 h2 span { text-align: center !important; font-family: georgia; font-size: 48px; line-height: 50px; } #tmpSlide-1 .hp_panel .block1 { position: absolute; top: 100px; color: #FFFFFF; left: 15px; text-align: center; } /* #tmpSlide-1 .hp_panel a.arrow{ color:#FFFFFF!important; } */ #tmpSlide-1 .hp_panel .block2 { color: #FFFFFF; left: 310px; position: absolute; text-align: center; top: 163px; width: 200px; } #tmpSlide-1 .hp_panel .block3 { color: #FFFFFF; left: 640px; position: absolute; text-align: center; top: 125px; width: 200px; } #tmpSlide-5 .hp_panel .leftCalloutBanner1 { position: absolute; top: 260px; left: 68px; width: 435px; text-align: center !important; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 { position: absolute; top: 229px; left: 60px; width: 571px; text-align: center !important; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p, #tmpSlide-3 .hp_panel .leftCalloutBanner1 p, #tmpSlide-4 .hp_panel .leftCalloutBanner1 p, #tmpSlide-5 .hp_panel .leftCalloutBanner1 p { font-size: 15px; color: #FFFFFF !important; margin-bottom: 16px; text-align: left; line-height: 19px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p:nth-child(1) b { font-family: Arial, sans-serif !important; } /*tmpSlide-2 .hp_panel .leftCalloutBanner1 p{ color:#232323 !important; }*/ #tmpSlide-1 .hp_panel .leftCalloutBanner1 .greybtn { display: none; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p b, #tmpSlide-1 .hp_panel .leftCalloutBanner1 p b, #tmpSlide-3 .hp_panel .leftCalloutBanner1 p b, #tmpSlide-4 .hp_panel .leftCalloutBanner1 p b { font-size: 17px; margin-bottom: 10px; display: inline-block; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 p a { margin-top: 4px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 { left: 444px; position: absolute; text-align: left !important; top: 200px !important; width: 506px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 { left: 59px; position: absolute; text-align: left !important; top: 232px; width: 667px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 { left: 57px; position: absolute; text-align: left !important; top: 211px; width: 620px; color: #fff !important; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p1 { position: absolute; left: 117px; margin-top: 16px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p2 { position: absolute; margin-top: 16px; margin-left: 10px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p .barLine { margin-top: 20px; margin-left: -46px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p1 { position: absolute; left: 97px; margin-top: 16px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p { margin-top: -23px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p2 { position: absolute; margin-top: 16px; margin-left: 10px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p .barLine { margin-top: 20px; margin-left: -46px; } #tmpSlide-1 .hp_panel .leftCallout_colors_Banner1 p, #tmpSlide-3 .hp_panel .leftCallout_colors_Banner1 p, #tmpSlide-4 .hp_panel .leftCallout_colors_Banner1 p { font-size: 14px; color: #232323; margin-bottom: 20px; text-align: center; line-height: 19px; } .greybtn2 { background: #585858 !important; color: #FFFFFF !important; cursor: pointer; font-size: 12px; padding: 3px 10px 2px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: none; text-transform: uppercase; } .greybtn2:hover { background-color: #232323; } a.greybtn2 { background: #585858 !important; color: #FFFFFF !important; cursor: pointer; font-size: 12px; padding: 3px 11px 2px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: none; text-transform: uppercase; display: inline-block; } a.greybtn2:hover { background-color: #232323; } .greybtn input, .greybtn a { background: #585858 !important; color: #FFFFFF !important; cursor: pointer; font-size: 16px; padding: 5px 13px; border-radius: 1px; } .greybtn input:hover, .greybtn a:hover { background-color: #232323; } .greenbutton { background-color: #0B9371; background-image: -webkit-linear-gradient(#11B98E 60%, #0B9371); background-image: -moz-linear-gradient(#11B98E 60%, #0B9371); background-image: -o-linear-gradient(#11B98E 60%, #0B9371); background: #20b88f !important; background: linear-gradient(#11b98e, #0b9371) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 6px 14px !important; font-weight: bold !important; color: #fff; border: none; } .bluebutton { background-image: -webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); background-image: -moz-linear-gradient(#2AA3E0 60%, #1E7EAB); background-image: -o-linear-gradient(#2AA3E0 60%, #1E7EAB); background-color: #1E7EAB; background: #2ba4d8 !important; background: linear-gradient(#2aa3e0, #1e7eab) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 6px 14px !important; font-weight: bold !important; color: #fff; border: none } .cartbtnbluePanel { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; } .cartbtnbluePanel:hover { background: linear-gradient(#218BBC 40%, #1A6C93); background: -webkit-linear-gradient(#218BBC 40%, #1A6C93); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#218BBC ', endColorstr='#1A6C93', GradientType=0); /*For IE7-8-9*/ color: #fff; } .readmore { color: #0088cc; } #BVRRRatingSummaryLinkWriteFirstID a, #BVRRRatingSummaryLinkWriteFirstID span { font-size: 13px !important; } #BVRRRatingSummaryNoReviewsWriteImageLinkID { margin-top: 2px !important; } .BVRRRatingNormalImage { margin-top: 2px !important; padding-right: 0px !important; } a.buynowGreen { padding: 0 11px; display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#20b88f 60%, #178d6d); background: -webkit-linear-gradient(#20b88f 60%, #178d6d); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#20b88f', endColorstr='#178d6d', GradientType=0); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff !important; cursor: pointer; font-size: 13px; height: 35px; letter-spacing: 1px; margin-right: 40px; float: right; line-height: 35px; width: auto; position: absolute; top: -3px; right: -20px; } a.buynowGreen2 { display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#20b88f 60%, #178d6d); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#20b88f', endColorstr='#178d6d'); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff; cursor: pointer; font-size: 13px; letter-spacing: 1px; margin-right: 0px; float: right; line-height: 35px; width: auto; padding: 0 11px; } a.buynowGreen2:hover, a.buynowGreen:hover { background: linear-gradient(#178d6d 40%, #20b88f); background: -webkit-linear-gradient(#178d6d 40%, #20b88f); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#178d6d', endColorstr='#20b88f', GradientType=0); /*For IE7-8-9*/ color: #fff; } .buynowBlue { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2AA3E0 ', endColorstr='#1E7EAB', GradientType=0); border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; margin-right: 19px; } .buynowBlue:hover { background: linear-gradient(#218BBC 40%, #1A6C93); background: -webkit-linear-gradient(#218BBC 40%, #1A6C93); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#218BBC ', endColorstr='#1A6C93', GradientType=0); color: #fff; } a.buynowBlue2 { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2AA3E0 ', endColorstr='#1E7EAB', GradientType=0); border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; } a.buynowBlue2:hover { background: linear-gradient(#218BBC 40%, #1A6C93); background: -webkit-linear-gradient(#218BBC 40%, #1A6C93); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#218BBC ', endColorstr='#1A6C93', GradientType=0); color: #fff; } a.buynowBlue2:hover { background-color: #1a8aba; } #floating_buynow { position: fixed; bottom: 0px; right: 0px; width: 140px; display: block; z-index: 1000; } #floating_buynowc { position: absolute !important; right: -91px; top: -100px; } #floating_buynowc a.buynowGreen2 { height: auto !important; line-height: 15px; padding: 11px; text-align: center; } a.floating_buynowGreen { font-weight: bold; font-size: 14px; text-transform: uppercase; background: #20b88f url('../../../images/2013/us/global/bn_lg.jpg') left top no-repeat; padding: 7px 0 0 49px; height: 23px; width: 90px; float: right; color: #fff !important; } a.floating_buynowGreen:hover { background-color: #209a7a; } a.floating_buynowBlue { font-weight: bold; font-size: 14px; text-transform: uppercase; background: #2ba4d8 url('../../../images/2013/us/global/bn_lg.jpg') left top no-repeat; padding: 7px 0 0 49px; height: 23px; width: 90px; float: right; color: #fff !important; } a.floating_buynowBlue:hover { background-color: #1a8aba; } .showhide_buttons { float: right; } .showhide_buttons2 { float: right; margin: 38px 40px 0 0; } .ac_content h2, .ac_subHeader1 h2 { font-family: arial !important; } .plus_button { background: url('../../../images/2013/us/global/plus_off.png') no-repeat top left; width: 29px !important; height: 29px !important; cursor: pointer; float: left; /*margin-right: 10px;*/ } .plus_button:hover { background: url('../../../images/2013/us/global/plus_on.png') no-repeat top left; } .minus_button { background: url('../../../images/2013/us/global/minus_off.png') no-repeat top left; width: 29px !important; height: 29px !important; cursor: pointer; float: left; } .minus_button:hover { background: url('../../../images/2013/us/global/minus_on.png') no-repeat top left; } .reviews_header1 { float: left; width: 500px; } .product_heading_list { margin: 30px 0 40px; font-size: 35px; line-height: 37px; border-top: solid 1px #ccc; padding: 40px 0 0 40px; font-family: 'ArialMTStd-Light', Arial, sans-serif; color: #232323; } .product_name_list { margin: 10px 0 5px; height: 32px; } .product_price_list { margin: 0 0 5px 0; } #srlp_flyer { cursor: pointer; left: -176px; display: none; position: absolute; top: -197px; } #flyout1a { position: absolute; margin: -350px 0 0 -160px; display: none; z-index: 3000; } #flyout1b { position: absolute; margin: -345px 0 0 -140px; display: none; z-index: 3000; } #flyout1d { position: absolute; margin: -345px 0 0 -140px; display: none; z-index: 3000; } #flyout2a { position: absolute; margin: -198px 0 0 -84px; display: none; z-index: 3000; } #flyout2b { position: absolute; margin: -182px 0 0 -117px; display: none; z-index: 3000; } #flyoutp { position: absolute; margin: -176px 0 0 -28px; display: none; z-index: 3000; } #flyout2c { position: absolute; margin: -198px 0 0 -72px; display: none; z-index: 3000; } #flyout2d { position: absolute; margin: -215px 0 0 -21px; display: none; z-index: 3000; } #flyout2e { position: absolute; margin: -182px 0 0 -183px; display: none; z-index: 3000; } #flyout2f { position: absolute; margin: -195px 0 0 155px; display: none; z-index: 3000; } #flyout3a { position: absolute; margin: -295px 0 0 -129px; display: none; z-index: 3000; } #flyout4a { position: absolute; margin: -220px 0 0 -50px; display: none; z-index: 3000; } .30top { margin-top: 30px !important; } .paypal_message { margin: 37 0 0 88px; position: absolute; font-size: 11.3; } #funding_source { padding: 15px; border: 1px solid #ADADAD; box-shadow: 0 0 7px #ADADAD; -moz-box-shadow: 0 0 7px #ADADAD; width: 386px; z-index: 11; position: absolute; left: -193px; top: -226px; background: #fff; } #funding_source .mcarrot { position: absolute; left: 184px; top: 217px; } #funding_close { position: absolute; right: 0px; top: -6px; left: 388px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #flyout1b_hopup_close { position: absolute; right: 0px; } #flyout1d_hopup_close { position: absolute; right: 0px; } #flyout2a_hopup_close { position: absolute; right: 0px; } #flyout2b_hopup_close { position: absolute; RIGHT: 0px; } #flyout2c_hopup_close { position: absolute; right: 0px; } #flyout2d_hopup_close { position: absolute; right: 0px; } #flyout2e_hopup_close { position: absolute; right: 0px; } #flyout2f_hopup_close { position: absolute; right: 0px; } #flyout3a_hopup_close { position: absolute; right: 0px; } #flyout4a_hopup_close { position: absolute; right: -10px; top: -10px; } #flyoutp_hopup_close { position: absolute; right: 0px; } #selectedColorProductMain { font-style: italic !important; font-size: 12px !important; color: #888; } #counter1, #counter2, #counter3 { width: 245px !important; text-align: center; padding: 0 0 40px !important; border-right: solid 1px #ccc; border-bottom: none !important; } #counter4 { border: none !important; width: 242px !important; text-align: center; padding: 0 0 40px !important; } .cat_product { width: 243px !important; text-align: center !important; padding: 0 0px 40px 0 !important; border-right: solid 1px #ccc !important; border-bottom: solid 1px #ccc !important; } #advanced-skincare4 { border-right: none !important; width: 248px !important; } .tbplc_spbl_products_list1 #advanced-skincare1, .tbplc_spbl_products_list1 #advanced-skincare2, .tbplc_spbl_products_list1 #advanced-skincare3, .tbplc_spbl_products_list1 #advanced-skincare4 { border-bottom: 0px !important; } .tbplc_spbl_products_list1 { border-bottom: 1px solid #cccccc; height: 245px; } .cat_product:last { border: none !important; } .cbl_pname { width: 100%; text-align: center !important; font-style: normal; } .ac_content { width: 855px; } .ac_content h2 { color: #646464 !important; margin-right: 0px !important; } .ac_content h2 b { color: #232323 !important; } /* Custom Default Content Box Styles */ .tbdcbc_spbl_feature1 { height: 640px; background-position: right top !important; } .tbdcbc_spbl_feature1 .tbdcbContent DIV.headline, .tbdcbc_spbl_feature1 .tbdcbContent DIV.bodycopy, .tbdcbc_spbl_feature1 .tbdcbContent DIV.pageLink { margin-left: 40px; } .tbdcbc_spbl_feature1 .tbdcbImage { text-align: left !important; } .tbdcbc_spbl_feature1 .tbdcbContent { margin-top: 40px; text-align: left !important; } .tbdcbc_spbl_feature2 { margin-top: 40px; } .tbdcbc_spbl_feature2 .tbdcbImage { margin-bottom: 40px; } .tbdcbc_spbl_feature3 .tbdcbContent { padding: 310px 0 27px 454px; text-align: left; width: 486px; } .tbdcbc_spbl_feature4 .tbdcbContent { padding-left: 257px; padding-top: 90px; position: absolute; width: 380px; float: right !important; } .tbdcbc_spbl_feature4 .tbdcbContent .headline h1 { font-size: 35px !important; width: 230px; } .tbdcbc_spbl_feature4 .tbdcbContent .bodycopy { width: 350px; } .tbdcbc_spbl_feature4 .tbdcbContent .imageTwoBL { margin: -286px 239px 0; position: absolute; } .tbdcbc_spbl_feature4 .tbdcbContent .bluebutton { background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 transparent !important; border: medium none; color: #FFFFFF; font-size: 14px !important; font-weight: bold !important; padding: 12px 19px !important; } #tbdcbc_spbl_feature4 .tbdcbContent .bluebutton { padding: 12px 18px !important; } #tbdcbc_spbl_feature4 .tbdcbContent .imageTwoBL { margin: -237px 252px 0 !important; } .tbdcbc_spbl_feature4 .tbdcbImage { float: left !important; } .tbdcbc_spbl_feature4 { border-bottom: 0px solid #fff; } .tbdcbc_hrlp_feature1 { height: 270px; background-position: right top !important; border-top: 1px solid #ccc; } .tbdcbc_hrlp_feature1 .tbdcbContent DIV.headline, .tbdcbc_hrlp_feature1 .tbdcbContent DIV.bodycopy, .tbdcbc_hrlp_feature1 .tbdcbContent DIV.pageLink { margin-left: 40px; } .tbdcbc_hrlp_feature1 .tbdcbImage { text-align: left !important; } .tbdcbc_hrlp_feature1 .tbdcbContent { margin-top: 40px; text-align: left !important; } .tbdcbc_hrlp_feature1 .tbdcbContent .bodycopy { width: 450px; } .tbdcbc_hrlp_feature2 { height: 375px; } .tbdcbc_hrlp_feature2 .tbdcbImage { margin-bottom: 40px; } .tbdcbc_hrlp_feature2 .tbdcbContent { width: 430px; margin: 80px 40px 0 0px; } .tbdcbc_hrlp_feature3 .tbdcbContent {} .p_hrlp_benefits_para5 .content { color: #232323; font-family: ArialMTStd-Light, Arial, sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } .tbmcc_hrlp_benefits .column1 { width: 250px; margin: 0 0 40px 40px; float: left; } .tbmcc_hrlp_benefits { border-bottom: 1px solid #ccc; height: 275px; } .tbmcc_hrlp_benefits .column2 { width: 560px; margin: 0 40px 0 0px; float: right; background: url('../../../images/2013/us/hrlp/QuoteMarks_HRL.png') top left no-repeat; padding: 20px 0 0 75px; } .tbmcc_hrlp_benefits .textLink a { padding-left: 90px; } .tbmcc_hrlp_benefits6 .textLink a { padding-left: 90px; } .tbmcc_hrlp_benefits .column2 .content { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } .icon_img { float: left; margin-right: 15px; } #tbdcbc_4x_feature11 { border-top: 1px solid #ccc; background-position: top right !important; border-bottom: none !important; height: 501px; padding-top: 0px !important; } .tbdcbc_4x_feature11 .tbdcbContent { margin: 40px 0 0 40px; width: 475px; text-align: left; } #tbdcbc_4x_feature11b { background-position: top right !important; border-bottom: none !important; height: 500px; padding-top: 0px !important; padding-bottom: 0px !important; } #tbdcbc_4x_feature11b .tbdcbImage { height: 500px !important; } .tbdcbc_4x_feature11b .tbdcbContent { margin: 40px 0 0 40px; width: 475px; text-align: left; } #tbdcbc_lhr_c_easyToUse7 { border-top: 1px solid #ccc; } .tbdcbc_hrlp_feature5 .tbdcbContent { margin: 0px 0 -442px 39px; width: 472px; } .tbdcbc_hrlp_feature5 .tbdcbImage { margin-top: -39px; } .tbdcbc_hrlp_feature5b { height: 440px; padding-top: 0px !important; } .tbdcbc_hrlp_feature5b .tbdcbContent { margin: 40px 0 0 40px; width: 465px; text-align: left; } .tbdcbc_hrlp_feature6 { background: url('../../../images/2013/us/hrlp/M05_HRL_Gel_01.jpg') top left no-repeat; } .tbdcbc_hrlp_feature6 .tbdcbContent { width: 350px; padding: 80px 0 0 250px; box-sizing: content-box; } .tbmcc_hrlp_benefits6 .column1 { width: 250px; margin: 0 0 40px 40px; float: left; } .tbmcc_hrlp_benefits6 { border-bottom: 1px solid #ccc; height: 275px; } .tbmcc_hrlp_benefits6 .column2 { width: 560px; margin: 0 40px 0 0px; float: right; background: url('../../../images/2013/us/hrlp/QuoteMarks_HRL.png') top left no-repeat; padding: 20px 0 0 75px; } .tbmcc_hrlp_benefits6 .column2 .content { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } .p_hrlp_benefits_para6 .content { color: #232323; font-family: ArialMTStd-Light, Arial, sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } .tbdcbc_hrlp_feature8 { background-position: bottom right !important; height: 373px; border-bottom: none !important; } .tbdcbc_hrlp_feature8 .tbdcbContent { width: 400px; padding: 80px 0 0 40px; } .tbdcbc_hrlp_feature4 .tbdcbContent { width: 380px; margin: 120px 50px 0; } .tbdcbc_hrlp_feature4 { border-top: 1px solid #ccc; border-bottom: 0px solid #fff; } .tbdcbc_hrlp_easyToUse7 { padding-bottom: 40px; } .tbdcbc_lhr_4x_feature5, .tbdcbc_lhr_c_4x_feature5 { border-top: 1px solid #ccc; } .tbdcbc_lhr_4x_feature5 .tbdcbContent, .tbdcbc_lhr_c_4x_feature5 .tbdcbContent { width: 380px; margin: 40px 0 0 40px; } .tbdcbc_lhr_4x_feature6 .tbdcbContent { margin: 40px 40px 0; } .tbdcbc_lhr_4x_feature6 .tbdcbImage { margin-bottom: 40px; } .tbdcbc_lhr_4x_feature6 .pageLink, .tbdcbc_lhr_c_4x_feature6 .pageLink { margin-bottom: 40px; } .tbdcbc_lhr_4x_feature7, .tbdcbc_lhr_c_4x_feature7 { border-top: 1px solid #ccc; border-bottom: none !important; } .tbdcbc_lhr_4x_feature7 .tbdcbContent { width: 380px; margin: 0px 260px 0 0px; padding-top: 105px; } .imageTwo { position: absolute; margin: -200px 300px 0; } .tbdcbc_lhr_c_4x_feature7 .tbdcbContent { height: 270px; margin: -22px 253px 0 -78px; padding-top: 105px; width: 400px; position: absolute; margin-left: 293px; } .tbdcbc_lhr_c_4x_feature7 .tbdcbContent .imageTwo { position: absolute; margin: -231px 223px 0; } /* Default Content Box Styles */ .tbdcbContent DIV.headline {} .tbdcbContent DIV.headline h2 { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; line-height: 38px; margin-bottom: 9px; } .tbdcbContent DIV.bodycopy p { font-size: 15px; line-height: 20px; } #tirtiary_nav .bc_spbl_MBox1 a:hover, #tirtiary_nav .bc_spbl_MBox2 a:hover { color: #232323; } #bc_spbl_MBox1 .imageURL a img { border: 1px solid #dcdcdc; border-radius: 4px; } #bc_spbl_MBox2 .imageURL a img, #bc_spbl_MBox4 a img { border: 1px solid #dcdcdc; border-radius: 4px; width: 227px; } #bc_spbl_MBox3 .imageURL a img { border: 1px solid #dcdcdc; border-radius: 4px; } .tbdcbleft, .tbdcbright, .tbdcbcenter, .tbdcbback { border-bottom: 1px solid #ccc; } .tbdcbleft .tbdcbImage { float: left; } .tbdcbleft .tbdcbContent { float: right; } .tbdcbright .tbdcbImage { float: right; } .tbdcbright .tbdcbContent { float: left; } .tbdcbcenter .tbdcbImage { text-align: center; /*position: relative;*/ top: 11px; } .tbdcbcenter .tbdcbContent { text-align: center; } .tbdcbback .tbdcbImage {} .tbdcbback .tbdcbContent {} /* Product Page Styles */ #pBanner { position: absolute; margin: -1px 0 0 -10px; } #pBanner2 { position: absolute; margin: 275px 0 0 -19px; } #pBannerHop { position: absolute; left: 0px; top: 0px; } .checkitout { float: left; margin-top: -20px; z-index: 30; margin-top: 235px\0; position: relative\0; left: -574px\0; } .ravesForHair { float: left; z-index: 20; } .hr1 { margin: 10px 0 15px 0; } .hr3 { margin: 0px 0 20px 0; width: 100%; } .hopup_90day { font-size: 12px !important; font-weight: bold; margin-top: 8px; color: #232323 !important; } /*.jcarousel-us-product ul { display: inline; list-style-type: none; } .jcarousel-us-product ul li { display: inline; border: 0; margin: 0; padding: 0 0px 0 0; float: left; width: 80px; } */ .ppage_h1 { margin-bottom: 5px; } .newpdpcarousel { float: left; margin: 40px 0 0 40px; } .replenish_logo { margin-top: 15px; } .newpdpfeature1 { border-top: 1px solid #ccc; margin-top: 40px; } .newpdpfeature1 .ac_subHeader1 h2 { font-weight: bold; font-size: 14px; text-transform: uppercase !important; color: #232323 !important; margin: 10px 40px 0 40px; } .newpdpfeature1 .ac_content h2 { font-size: 14px; margin: 0 40px; color: #232323; } .newpdpfeature1 .ac_headline h2 { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 35px; line-height: 37px; margin: 30px 40px 9px 40px; } #contentP { position: relative; margin: 0 auto; background: #ffffff; text-align: left; zoom: 1; border: 1px solid #D3D3D3; margin-top: 0px; width: 980px; } #contentPBL { position: relative; margin: 0 auto; background: #ffffff; text-align: left; zoom: 1; border: 1px solid #D3D3D3; margin-top: 0px; width: 980px; } #subnav { margin: 0 auto; width: 980px; background: #ffffff; text-align: left; zoom: 1; padding-top: 10px; padding-left: 0; position: relative; height: 37px; } #product_info { width: 410px; float: right; margin: 10px 35px 0px 0; } .pprice { font-size: 20px; font-weight: bold; color: #333; font-family: Arial; margin-bottom: 10px; height: 20px; } .shippingText { font-size: 13px; color: #f06eaa; font-style: italic; margin-top: 5px; font-weight: normal; } .comingsoon_topical { font-size: 15px; color: #F06EAA; margin-top: 5px; font-weight: normal; text-transform: none; } .easypayMessage { margin-top: 5px; position: relative; } .easypay_terms_link a { font-size: 11px; margin: 0px 0 0 18px; text-decoration: underline; } .easypay_terms_link { margin: 3px 0 0 0px; } .replenish_terms_link a { font-size: 11px; margin: 0px 0 0 2px; text-decoration: underline; } .replenish_terms_link { margin: 2px 0 0 0px; } #easypaySelector { width: 9px; } .ppage_adj { margin-bottom: 7px; } .easypayLeft { float: left; width: 18px; } .easypayRight { float: left; font-size: 11px; margin-top: 3px; line-height: 14px; cursor: pointer; } .easypayRight img { line-height: 10px; vertical-align: -1px; } .question_mark1 { vertical-align: -3px !important; } .question_mark2 { vertical-align: -1px !important; } .question_mark3 { vertical-align: -2px !important; cursor: pointer; } .chat_live { vertical-align: -3px !important; } .pinit { vertical-align: -3px !important; } .FSAmessage { /*margin-top: 15px;*/ font-size: 13px; } .FSAmessage hr { margin: 7px 0; height: 1px; width: 410px !important; } .60day { font-size: 12px; font-weight: bold; color: #232323 !important; } .60day b { color: #232323 !important; } .crossSell { height: auto; margin-bottom: 10px; } .bestValue { height: auto; } hr { width: 96% !important; } .crossSell h5 { font-size: 12px; text-transform: uppercase; color: #232323; } .bestValue h5 { font-size: 12px; text-transform: uppercase; color: #232323; } .crossSell_hopup { height: 50px; } .crossSell_hopup h5 { font-size: 12px; text-transform: uppercase; color: #232323; } .desc_height {} #headline hr { margin: 25px auto 0; height: 1px; } .message_above_price {} .buynow_bottom { border-top: 1px solid #cccccc; padding-top: 20px; } .message_above_price_hopup { height: 1px !important; text-align: left; position: relative; width: 158px; top: -180px; left: 340px; } .pCtaLeft { width: 55% !important; } .pCtaLeft_hopup { width: 278px !important; } .coloredCarousel { padding-top: 18px; border-top: 1px solid #ddd !important; height: 59px; } .socialDiv { float: right; margin: 3px 6px 0 0; width: 200px; } .social_addthis a { padding: 0px 2px !important; } #social1, #social2, #social3 { padding: 0px 3px 0px 0px !important; } #ppage_email { width: 200px; display: block; } #ppage_email #markEmail { width: 160px; background: #fff; float: left; font-size: 12px; height: 20px; padding: 4px 0 4px 4px; border: 1px solid #ccc; box-sizing: border-box; } #cross_img { position: absolute; margin: -80px 0 0 122px; width: 90px; } #cross_imghrlp { position: absolute; margin: -63px 0 0 138px; width: 90px; } #cross_img2 { position: absolute; margin: -94px 0 0 173px; ; width: 90px; } #cross_img_hopup { position: absolute; margin: -85px 0 0 133px; width: 90px; height: 125px; } .or { position: absolute; margin: 0 0 0 -28px; } .or_hopup { position: absolute; margin: 0 0 0 -50px; } .nav_left_side { float: left; margin: 40px 40px 10px; width: 450px; } #contentP h2 { color: #232323; text-transform: none; /* font-size:16px; */ } #product_display { display: block; } .product_image_div { display: block; } #product_info #headline h1 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 24px; color: #232323; } #headline h1 span { text-transform: uppercase; font-size: 12px; font-family: Arial, sans-serif; } #headline h1 .pink, .buynow_header .pink { font-family: arial light; text-transform: uppercase; color: #F06EAA; font-size: 24px; } #product_info #headline h2 { color: #232323; font-size: 14px; line-height: 18px; margin: 0px 6px 0 0; font-family: arial !important; } #product_info #headline hr { width: 100% !important; } .hr2 { margin-top: 10px; } #product_display { width: 450px; height: 420px; } #tirtiary_nav { height: 250px; } .newpdpmboxes { float: left; width: 482px; height: 205px; padding: 15px; } .newpdpmboxes .imageURL { text-align: center; } .newpdpmboxes .headline { text-align: center; font-weight: bold; font-size: 15px; margin-bottom: 5px; } #skinTone1 { padding-top: 40px; text-align: center; } #skinTone1 h2 { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 35px; margin-bottom: 15px; } .newpdpmboxes p { text-align: center; font-size: 14px; } #tirtiary_nav .newpdpmboxes { position: relative; } #tirtiary_nav .newpdpmboxes .headline { position: absolute; text-align: center; top: 28px; width: 235px; } #tirtiary_nav .headline a:hover { color: #232323; } #tirtiary_nav .bc_lhr_4x_MBox1 a:hover, #tirtiary_nav .bc_lhr_4x_MBox2 a:hover { color: #232323; } #tirtiary_nav .newpdpmboxes .imageURL { width: 235px; } #tirtiary_nav .newpdpmboxes p { position: absolute; text-align: center; top: 45px; width: 235px; line-height: 17px; font-size: 13px; color: #fff; } #tirtiary_nav .bc_spbl_MBox1 p { position: absolute; text-align: left; top: 50px; width: 208px; margin-left: 20px; font-size: 13px; color: #1B1B1B !important; } #tirtiary_nav .bc_spbl_MBox3 p { position: absolute; text-align: left; top: 50px; width: 217px; margin-left: 20px; font-size: 13px; } #tirtiary_nav .bc_spbl_MBox1 .headline { position: absolute; text-align: left; top: 65px; width: 208px; margin-left: 20px; } #tirtiary_nav .bc_spbl_MBox3 .headline { position: absolute; text-align: left; top: 65px; width: 208px; margin-left: 20px; font-size: 15px; } #tirtiary_nav .bc_lhr_c_4x_MBox3c .headline, #tirtiary_nav .bc_hrlp_MBox4 .headline { top: 32px; } /* P-page Reviews Styles */ .ppageReviews { border-top: 1px solid #ccc; padding: 15px 40px 40px 40px; min-height: 100px; margin: 0 !important; } .ppageReviews .showhide_buttons { padding-top: 20px; } .ppageReviews2 { margin-bottom: 20px !important; } .ppageReviews h2 { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 35px; line-height: 37px; } .ppageReviews hr { width: 820px; margin: 0 auto 25px; height: 1px; float: left; } .reviewsSubhead { padding: 0px 0 25px 0; } .reviewsMeta { width: 200px; float: left; margin-right: 60px; } .reviewsMeta img { margin-bottom: 15px; } .reviewsName { font-size: 17px; font-weight: bold; margin-bottom: 5px; color: #232323; } .reviewsInfo { font-size: 13px; } .reviewsContent { float: left; width: 600px; } .reviewsHeader { font-weight: bold; text-transform: uppercase; color: #232323; margin-bottom: 3px; } .reviewsDate { margin-bottom: 25px; } .reviewsReview { margin-bottom: 25px; font-size: 14px; line-height: 20px; } #page_body { padding-top: 40px; } #single_col { padding: 20px 0px 70px 0px; } /** login / register and checkout form pages **/ .account_form { padding: 0px 0px 0px 0px; } .account_form .register_form_container { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; float: left; min-height: 420px; width: 488px; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #f6f6f6, #ffffff); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f6f6f6, #ffffff); /* IE 10 */ background: -ms-linear-gradient(top, #f6f6f6, #ffffff); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f6f6f6, #ffffff); } .account_form .register_form_container2 { padding-top: 20px; border: 1px solid #cccccc; float: left; -moz-border-radius: 5px; border-radius: 5px; margin-left: 30px; min-height: 400px; } .account_form .register_form_container1 { padding-top: 20px; padding: 0 0 30px 40px; float: left; height: 193px; } .account_form .register_form_img { float: left; width: 253px; margin-left: 20px; } .account_form .register_form { width: 410px; margin: 0 auto; padding: 35px 0; } .lpad20 { padding-left: 20px; } .account_form .login_form { float: left; width: 275px; margin-left: 20px; padding: 20px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; } .account_form .login_form_new { float: right; width: 451px; height: 420px; padding: 20px 20px 0 20px; border-top: 1px solid #cccccc; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #f6f6f6, #ffffff); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f6f6f6, #ffffff); /* IE 10 */ background: -ms-linear-gradient(top, #f6f6f6, #ffffff); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f6f6f6, #ffffff); } .account_form .login_form_new .form_box { margin: 0 auto; width: 410px; padding-top: 15px; } .account_form .divider { float: left; padding: 0px 0px 0px 1px; margin-top: 1px; } .account_form table.cart th { font-weight: normal; text-align: left; padding: 5px 0px 5px; } .account_form table.cart td { vertical-align: middle; text-align: left; padding: 5px 0px 10px; } .account_form table.cart td.input { /*padding-left: 10px;*/ } .account_form table.cart td div.replenish, .replenish_div { /* padding-left: 23px; */ line-height: 18px; } .account_form table.cart td.input input[type=text] { width: 25px; } .account_form table.cart td.empty { text-align: center; color: #cc0000; } .account_form table.cart tr.subtotal td { background: none; padding: 2px 0px 2px 0; } #tab_container .tab_container_content_account { float: left; width: 642px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-left: 1px; margin-right: 20px; border-top: 1px solid #CCCCCC; margin-top: -1px; margin-bottom: 20px; /*height:1038px;*/ } .greenbtn input, .greenbtn a { background: none repeat scroll 0 0 #585858; border: solid 1px #fff !important; color: #FFFFFF !important; cursor: pointer; font-size: 11px; font-weight: bold; padding: 4px 6px; text-transform: uppercase; } .greenbtn input:hover, .greenbtn a:hover { background-color: #585858; border: solid 1px #eee; } /* styles for cart page */ #single_col .cart_left { float: left; width: 680px; margin-right: 20px; } #single_col .cart_right { float: left; width: 200px; margin-top: 73px; } #single_col h1, #treats h2 { margin-bottom: 25px; } #single_col .content_left { float: left; margin-right: 20px; } #single_col .content_right { float: left; } .uCase { text-transform: uppercase; } .account_form .divider { float: left; padding: 0px 0px 0px 1px; margin-top: 1px; } .account_form table.cart th { font-weight: normal; text-align: left; padding: 5px 0px 5px; background: url('../../../images/2013/us/global/border_h.gif') bottom left repeat-x; } .account_form table.cart td { vertical-align: middle; text-align: left; padding: 5px 0px 10px; background: url('../../../images/2013/us/global/border_h.gif') bottom left repeat-x; } .bold { font-weight: bold; } .cartth { color: #55BAB7; font-size: 12px; font-weight: bold; } .apply_button_class { background: url("../../../images/redesign/global/blue_link.gif") no-repeat scroll left 9px #FFFFFF; border: medium none; color: #0C6089; cursor: pointer; font-weight: bold; padding-left: 10px; padding-top: 7px; } .total_font { text-align: right !important; padding-right: 10px !important; color: #55BAB7; } .normal { font-weight: normal !important; } .apply_promo_btn { color: #aaaaaa; background: none; border: none; text-decoration: underline; cursor: pointer; } .grey_click { color: #aaaaaa; text-decoration: underline; } .promo_success { color: #02a4ba; font-weight: bold; } .lpad10 { padding-left: 10px; } .black_arrow { background: url('../../../images/2013/us/global/link_arrow.png') no-repeat right 2px; padding-right: 10px; color: #646464; font-size: 11px; text-transform: uppercase; } table .shipping_billing_class input[type="text"], table .shipping_billing_class select { width: 170px; } table .shipping_billing_class td { padding: 5px 0; } table .payment_info input[type="text"], table .payment_info select { width: 160px; } input[type=text], input[type=password], input.text, input.title, textarea, select { padding: 0px; } a.flow_click_color { color: #333333; } a.flow_click_color:hover { color: #333333; text-decoration: underline; } .flow_click_color { color: #333333; } .left_nav_flow { float: left; margin: 4px 10px; } .flow_nav { margin: 0 0 30px; } table, td, th, tr, thead, tbody, tfoot, colgroup, col { border-color: gray; } #checkout_cvv_hopup .cvv_content { width: 383px; text-align: left; padding: 50px 25px 30px 25px; } .grey_small input, .grey_small a { background: #585858; border: solid 1px #fff !important; color: #FFFFFF !important; cursor: pointer; font-size: 11px; font-weight: bold; padding: 4px 10px; text-transform: uppercase; } .grey_small input:hover, .grey_small a:hover { background-color: #585858; border: solid 1px #eee; } div.img_postition { position: relative; float: right; margin-right: 40px; margin-left: 40px; } div.img_postition img { position: absolute; right: 0; top: -13px; } /* styles for HRL sub template start */ #contentP .subproduct_page_item .tbdcbcenter, #contentP .subproduct_page_item .tbdcbleft, #contentP .subproduct_page_item .tbdcbright, #contentP .subproduct_page_item .tbdcbback, #derm_background .tbdcbc_lhr_easyToUse6 { padding: 40px 0px 60px 0; text-align: center !important; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne { padding: 40px; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne .column2 { float: right; width: 435px; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne .column1 { float: left; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne .column2 .headline { color: #333333; font-size: 38px; line-height: 38px; font-family: 'ArialMTStd-Light', Arial, sans-serif; padding: 0px 0px 10px 0px; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne .column2 .content { font-family: Arial, Helvetica, sans-serif; font-size: 15px; } #contentP .subproduct_page_item .tbmcc_spbl_why_acne .column2 .videoLink { margin-top: 25px; padding-left: 3px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 { padding: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent { float: right; width: 425px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbImage { float: left; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent .headline { color: #333333; font-size: 32px; line-height: 32px; font-family: 'ArialMTStd-Light', Arial, sans-serif; padding: 0px 50px -3px 0px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent .bodycopy p { font-size: 15px; line-height: 15px; } #contentP .subproduct_page_item .tbdcbc_lhr_about3 { padding: 0px 0px 60px 0; border-top: none !important; display: none; } #p_spbl_why_acne2 { position: absolute; } #p_spbl_why_acne2 .content { padding: 20px 110px 0; text-align: center; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem { background: url('../../../images/2013/us/BL/MOA_Bg-image.jpg') no-repeat; padding: 95px 55px 0px; height: 373px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column1 { float: left; width: 280px; text-align: center; margin-left: 150px; margin-right: 40px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column2 { float: left; width: 280px; text-align: center; margin-right: 40px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column1 .content { padding-top: 275px; position: absolute; width: 300px; font-size: 12px; line-height: 15px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column2 .content { padding-top: 275px; position: absolute; width: 280px; padding-left: 15px; font-size: 12px; line-height: 15px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column1 img, #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column2 img { width: 263px; } #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column1 .content h2, #contentP .subproduct_page_item .tbmcc_spbl_eliminate_root_problem .column2 .content h2 { text-transform: uppercase; font-size: 16px; color: #232323; font-family: Arial, Helvetica, sans-serif; } .tbmcc_spbl_eliminate_root_problem .content { width: 263px; } #contentP .subproduct_page_item .tbdcbc_lhr_about7 { padding: 40px 0px 25px 0; text-align: center !important; border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 { padding: 40px 40px 0px 0px; border-top: 1px solid #cccccc; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent { float: right; width: 500px; padding-left: 70px; text-align: left; margin-top: 59px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent .headline { left: 0px; position: relative; top: -20px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent .bodycopy p #real_head1 { font-family: georgia; font-size: 23px; line-height: 28px; padding-right: 98px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent .bodycopy p.derm_name { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; width: 380px; color: #232323; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbImage { float: left; margin-bottom: -5px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps { background: url('../../../images/2013/us/BL/steps_Bg-image.png') no-repeat; padding: 20px 40px 0px; border-bottom: 1px solid #cccccc; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 { float: left; width: 280px; text-align: center; padding: 0px 10px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column2 { float: left; width: 280px; text-align: center; padding: 0px 10px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column3 { float: left; width: 280px; text-align: center; padding: 0px 10px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 .headline, #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column2 .headline, #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column3 .headline { font-size: 16px; text-transform: uppercase; padding-bottom: 10px; color: #232323; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 .content, #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column2 .content, #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column3 .content { padding-bottom: 21px; font-size: 12px; line-height: 17px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 img, #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column2 img { margin-bottom: -5px; margin-top: 0px; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column3 img { margin-bottom: -5px; margin-top: 18px; } #contentP .subproduct_page_item .tbmcc_lhr_research { position: relative; } #contentP .tbmcc_lhr_research .column1 { position: absolute; top: 264px; } #tirtiary_nav .bc_lhr_4x_MBox1:hover { color: #232323; } #contentP .tbmcc_lhr_research .column1 .headline { font-size: 11px; line-height: 14px; text-align: center; } #contentP .tbmcc_lhr_research .column1 .headline { margin-top: 10px; } #contentP .tbmcc_lhr_research .column2 .column_text { float: left; text-align: left; width: 428px; margin: 40px 40px 0px; } #contentP .tbmcc_lhr_research .column2 .column_text .content { color: #646464; font-family: Arial, sans-serif; font-size: 15px; line-height: 20px; padding: 0; } #contentP .tbmcc_lhr_research .column2 img { float: right; width: 470px; } #contentP .subproduct_page_item .tbdcbcenter .tbdcbContent .headline h2, #contentP .subproduct_page_item .tbdcbleft .tbdcbContent .headline h2, #contentP .subproduct_page_item .tbdcbright .tbdcbContent .headline h2, #contentP .subproduct_page_item .tbdcbback .tbdcbContent .headline h2 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; font-weight: normal; margin-bottom: 9px; line-height: 38px; color: #232323; } #contentP .subproduct_page_item .tbdcbc_lhr_about1 .tbdcbContent .bodycopy p, #contentP .subproduct_page_item .tbdcbc_lhr_about2 .tbdcbContent .bodycopy p, #contentP .subproduct_page_item .tbdcbc_lhr_about4 .tbdcbContent .bodycopy p, #contentP .subproduct_page_item .tbdcbcenter .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbleft .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbright .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbback .tbdcbContent .bodycopy { margin-bottom: 25px; } #contentP #subproduct_page_item .tbdcbleft .tbdcbContent .bodycopy { margin-bottom: 25px !important; } #contentP .subproduct_page_item .tbdcbc_lhr_about3 .tbdcbImage { width: 193px; margin: 0 40px; } #pdf_slots .tbdcbc_lhr_easyToUse8 .tbdcbImage { width: 235px; margin: 0 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_about3 .tbdcbContent { width: 666px; margin-right: 40px; text-align: left; } #pdf_slots .tbdcbc_lhr_easyToUse8 .tbdcbContent { width: 624px; margin-right: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_about3 .tbdcbContent .bodycopy p { text-align: left; } #contentP .subproduct_page_item .newspdpslot3, #pdf_slots .newspdpslot10 { padding: 40px; border-bottom: none !important; } #pdf_slots .newspdpslot10 .content { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 15px; line-height: 30px; } #contentP .subproduct_page_item .tbdcbc_lhr_about5 { padding: 40px 0 0 0; text-align: center; border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits4 { border-bottom: 1px solid #dcdcdc; padding: 40px 0 0 0; } #derm_background .tbdcbc_lhr_about6 { border: none; width: 980px; height: 330px; border-bottom: 1px solid #dcdcdc; } #derm_background .tbdcbcenter .tbdcbContent { padding: 40px 0px 40px 0; text-align: center !important; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .headline h2 { font-family: Georgia, Arial, sans-serif; font-size: 23px; margin-bottom: 15px; line-height: 29px; color: #707070; } span#real_head1, span#real_head_show1, span#real_head2, span#real_head_show2 { font-size: 23px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent { background: url('../../../images/2013/us/global/QuoteMarks_HRL.png') no-repeat 343px 2px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .headline { padding: 16px 40px 0px 410px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .bodycopy, #derm_background .tbdcbc_lhr_about6 .tbdcbContent .subHeader h2, #derm_background .tbdcbc_spbl_about2 .tbdcbContent .bodycopy { padding-left: 410px; font-size: 15px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .sub_link { padding-left: 410px; } #contentP .subproduct_page_item .p_lhr_para3 { display: none; } #pdf_slots .newspdpslot8, #pdf_slots .newspdpslot9, #pdf_slots .newspdpslot10 { width: 240px; border-right: 1px solid #dcdcdc; float: left; padding: 0 25px 60px 25px; } #bc_lhr_doc1 .imageURL, #bc_lhr_doc2 .imageURL, #bc_lhr_doc3 .imageURL { margin: 0 auto; width: 95px; } #bc_lhr_doc1, #bc_lhr_doc2, #bc_lhr_doc3 { border-right: 1px solid #DCDCDC; float: left; height: 213px; padding: 0 25px; width: 115px; } #pdf_slots .newspdpslot10 { border: none; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .headline h2 { color: #232323; left: 40px; position: absolute; } #pdf_slots .newspdpslot8 .imageURL, #pdf_slots .newspdpslot9 .imageURL, #pdf_slots .newspdpslot10 .imageURL { width: 113px; margin: 0 auto; } #pdf_slots .newspdpslot8 { margin-left: 40px; } #pdf_slots .newspdpslot8 .headline, #pdf_slots .newspdpslot9 .headline, #pdf_slots .newspdpslot10 .headline { color: #2BC098; margin-bottom: 10px; margin-top: 20px; } #marketting_boxes .liveEditBox a { display: block; } #spbl_flip { height: 450px; border-bottom: 1px solid #cccccc; padding: 0 20px 40px 32px; } #spbl_flip .flip_content_top { text-align: center; padding-top: 30px; } #spbl_flip .flip_content_top h2 { font-size: 38px } #spbl_flip .flip_content_top p { width: 515px; text-align: center; margin: auto; } #contentP .liveEditBox .bc_spbl_feature1 { left: 418px; position: relative; height: 1px; top: -168px; } #contentP .liveEditBox .bc_spbl_feature1 .link { display: inline-block; } #contentP .liveEditBox .bc_spbl_feature1 a { padding-right: 10px; } #contentP .liveEditBox .bc_spbl_feature1 a img { vertical-align: bottom; } #contentP .liveEditBox .bc_spbl_whytria_feature8 { left: 40px; position: relative; height: 50px; top: -100px; } #contentP .liveEditBox .bc_spbl_whytria_feature8 .link { display: inline-block; } #contentP .liveEditBox .bc_spbl_whytria_feature8 a { padding-right: 10px; } #contentP .liveEditBox .bc_spbl_whytria_feature8 a img { vertical-align: bottom; } #contentP .liveEditBox .tbdcbc_spbl_feature5 { border-top: 1px solid #cccccc; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent { float: left; padding: 80px 0 0 50px; width: 390px; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent .headline h1 { padding-right: 120px; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbImage { padding: 40px 0px; } #contentP .liveEditBox .tbdcbc_spbl_feature6 { height: 500px; } #tbdcbc_spbl_feature6 .bodycopy { background: url('../../../images/2013/us/global/QuoteMarks_BL.png') no-repeat 0px 46px; padding-left: 67px; padding-top: 75px; } #tbdcbc_spbl_feature6 .bodycopy p { font-family: georgia; font-size: 25px; line-height: 28px; } #tbdcbc_spbl_feature6 .bodycopy p.derm_name { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; width: 390px; color: #232323; } #contentP .liveEditBox .tbdcbc_spbl_feature6 .tbdcbContent { float: right; padding: 50px 0 0 0px; width: 620px; } #contentP .liveEditBox .tbdcbc_spbl_feature6 .tbdcbContent .headline { left: -210px; position: relative; top: -6px; width: 700px; } #contentP .liveEditBox .tbdcbc_spbl_feature6 .tbdcbImage { padding: 30px 0px; } #contentP .liveEditBox .tbdcbc_spbl_feature7 { border-bottom: none; } #contentP .liveEditBox .tbdcbc_spbl_feature7 .tbdcbContent { float: left; padding: 60px 0 0 50px; width: 545px; text-align: center; } #contentP .liveEditBox .tbdcbc_spbl_feature7 .tbdcbImage { padding: 30px 100px 30px 0px; } /*#contentP .liveEditBox .tbdcbc_spbl_feature7 .tbdcbContent .greenbtn2{background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 transparent !important; border: medium none; color: #FFFFFF; font-size: 14px !important; font-weight: bold !important; letter-spacing: 0; padding: 3px 19px !important}*/ #contentP .liveEditBox .tbdcbc_spbl_about5 { border-bottom: none; padding-top: 0px; } #contentP .liveEditBox .tbdcbc_spbl_about5 .tbdcbContent { float: left; padding: 60px 0 0 40px; width: 545px; text-align: center; } #contentP .liveEditBox .tbdcbc_spbl_about5 .tbdcbImage { padding: 40px 100px 0px 0px; } #contentP .liveEditBox .tbdcbc_spbl_about5 .tbdcbContent .greenbtn2 { background: -webkit-linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 transparent !important; background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 transparent !important; border: medium none; color: #FFFFFF; font-size: 14px !important; font-weight: bold !important; padding: 3px 14px !important; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbContent, #contentP .subproduct_page_item .tbdcbc_spbl_benefits1 .tbdcbContent { float: right; width: 427px; margin-right: 40px; padding-top: 128px; text-align: center; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbContent { text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits3 .tbdcbContent { float: left; width: 427px; padding-top: 93px; text-align: center; margin-left: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits3 .tbdcbImage { float: right; width: 470px; height: 350px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbImage, #contentP .subproduct_page_item .tbdcbc_spbl_benefits1 .tbdcbImage { float: left; width: 470px; margin-right: 40px; height: 350px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits4 .tbdcbImage { margin-bottom: -3px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2, #contentP .subproduct_page_item .tbdcbc_spbl_benefits1, #contentP .subproduct_page_item .tbdcbc_spbl_benefits3 { padding: 0px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits3 { border-bottom: none !important; padding-bottom: 0px } #contentP .subproduct_page_item .bc_lhr_month1, #contentP .subproduct_page_item .bc_lhr_month2 { border-top: none !important; border-bottom: none !important; width: 220px; float: left; padding-bottom: 60px; } #contentP .subproduct_page_item .bc_lhr_month1 { margin-left: 40px; margin-bottom: 40px; } #contentP .subproduct_page_item .bc_lhr_afterMonth3 { border-top: none !important; border-bottom: 1px solid #dcdcdc; width: 220px; float: left; padding-bottom: 60px; } #contentP .subproduct_page_item .bc_lhr_month1 .headline, #contentP .subproduct_page_item .bc_lhr_month2 .headline, #contentP .subproduct_page_item .bc_lhr_afterMonth3 .headline { color: #2BC098; margin-bottom: 4px; text-transform: uppercase; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .content, #contentP .subproduct_page_item .tbmcc_lhr_easy .content { background: url("../../../images/2013/us/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } #contentP .subproduct_page_item .tbmcc_spbl_benefits .content { background: url("../../../images/2013/us/global/QuoteMarks_BL.png") no-repeat scroll 0 0 transparent; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits4 { padding: 0px 0 0px; text-align: center; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits7 { border-bottom: medium none; padding: 40px 0 60px; text-align: center; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits4 .tbdcbImage, #derm_background .tbdcbc_spbl_benefits6 .tbdcbImage { margin-bottom: -3px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits7 .tbdcbContent { padding-top: 28px !important; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column_text .content, #contentP .subproduct_page_item .tbmcc_lhr_easy .column_text .content, #contentP .subproduct_page_item .tbmcc_spbl_benefits .column_text .content { padding: 28px 40px 5px 65px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .videoLink, #contentP .subproduct_page_item .tbmcc_lhr_easy .videoLink, #contentP .subproduct_page_item .tbmcc_spbl_benefits .videoLink { padding-left: 68px !important; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column_text .content #real_head1, #contentP .subproduct_page_item .tbmcc_lhr_easy .column_text .content #real_head1, #contentP .subproduct_page_item .tbmcc_spbl_benefits .column_text .content #real_head1 { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column1, #contentP .subproduct_page_item .tbmcc_lhr_easy .column1, #contentP .subproduct_page_item .tbmcc_spbl_benefits .column1 { padding-bottom: 40px !important; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column2, #contentP .subproduct_page_item .tbmcc_lhr_easy .column2, #contentP .subproduct_page_item .tbmcc_spbl_benefits .column2 { padding-bottom: 43px !important; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 { border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbImage, #derm_background .tbdcbc_spbl_benefits7 .tbdcbImage { width: 367px; float: left; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbContent, #contentP .subproduct_page_item .tbdcbc_spbl_benefits7 .tbdcbContent { width: 460px; margin-left: 60px; float: right; margin-right: 80px; padding-top: 87px; text-align: center; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits4 .tbdcbContent { width: 460px; margin-left: 20px; float: right; margin-right: 20px; padding-top: 87px; text-align: center; } #derm_background .tbdcbc_lhr_benefits5 { padding: 40px 0 60px; border-bottom: medium none; } #derm_background .tbdcbc_lhr_benefits5 .tbdcbContent { float: right; margin-left: 60px; margin-right: 80px; width: 460px; text-align: left; padding-top: 30px; } #derm_background .tbdcbc_lhr_benefits5 .tbdcbImage { float: left; width: 367px; } #contentP .subproduct_page_item .p_lhr_benefits_para5 { border-top: 1px solid #DCDCDC; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 { position: relative; height: 840px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 { position: relative; height: 838px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse3, #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse4 { position: relative; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .subHeader h2 { font-size: 30px; color: #2BC098; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .subHeader h2 { color: #232323; font-size: 30px; color: #2BA4D8; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .subHeader, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .subHeader { position: absolute; top: 148px; left: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .bodycopy { position: absolute; top: 178px; left: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_1, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_1 { left: 470px; position: absolute; top: 300px; width: 402px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_2 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_2 .subHeader h2 { margin-bottom: 15px; line-height: 30px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_2, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_2 { position: absolute; top: 564px; left: 0px; width: 400px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_1 .bodycopy, #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_2 .bodycopy { top: 215px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_2 .videoLink { top: 275px; text-align: left; left: 40px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_1 .bodycopy, #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_2 .bodycopy { top: 185px; text-align: left; } #contentP .subproduct_page_item .bc_lhr_easy_docs { text-align: center; padding-bottom: 30px; } #contentP .subproduct_page_item .bc_lhr_easy_guide .imageURL { width: 280px; float: right; margin-right: 40px; } #contentP .subproduct_page_item .bc_spbl_easy_guide .imageURL { width: 299px; float: right; margin-right: 10px; } #contentP .subproduct_page_item .bc_lhr_easy_insts .imageURL { width: 278px; margin-left: 40px; } #contentP .subproduct_page_item .bc_spbl_easy_insts .imageURL { width: 299px; margin-left: 10px; } #contentP .subproduct_page_item .bc_spbl_easy_faqs .imageURL { width: 299px; margin-left: 10px; } #contentP .subproduct_page_item .bc_spbl_easy_faqs .imageURL .faq_read { padding-bottom: 0px !important; } #contentP .subproduct_page_item .bc_lhr_easy_guide { float: left; padding: 0px 0px 40px 0px; width: 489px; border-bottom: 1px solid #dcdcdc !important; border-right: 1px solid #dcdcdc; } #contentP .subproduct_page_item .bc_spbl_easy_guide { float: left; padding: 0px 0px 40px 0px; width: 350px; border-bottom: 1px solid #dcdcdc !important; border-right: 1px solid #dcdcdc; } #contentP .subproduct_page_item .bc_lhr_easy_insts { float: right; padding: 0px 0px 40px 0px; width: 490px; border-bottom: 1px solid #dcdcdc !important; } #contentP .subproduct_page_item .bc_spbl_easy_insts { float: left; padding: 0px 0px 40px 0px; width: 310px; border-bottom: 1px solid #dcdcdc !important; border-right: 1px solid #dcdcdc !important; } #contentP .subproduct_page_item .bc_spbl_easy_faqs { float: left; padding: 0px 0px 40px 0px; width: 315px; border-bottom: 1px solid #dcdcdc !important; } #contentP .subproduct_page_item .bc_lhr_easy_guide .imageURL img, #contentP .subproduct_page_item .bc_lhr_easy_insts .imageURL img, #contentP .subproduct_page_item .bc_spbl_easy_guide .imageURL img, #contentP .subproduct_page_item .bc_spbl_easy_insts .imageURL img, #contentP .subproduct_page_item .bc_spbl_easy_faqs .imageURL img { float: left; margin-right: 20px; } #contentP .subproduct_page_item .bc_lhr_easy_guide .imageURL .link, #contentP .subproduct_page_item .bc_lhr_easy_insts .imageURL .link, #contentP .subproduct_page_item .bc_spbl_easy_guide .imageURL .link, #contentP .subproduct_page_item .bc_spbl_easy_insts .imageURL .link, #contentP .subproduct_page_item .bc_spbl_easy_faqs .imageURL .link { padding-right: 10px; } #contentP .subproduct_page_item .newspdpslot4 .content, #contentP .subproduct_page_item .newspdpslot5 tbmcc_spbl_about .content, #contentP .subproduct_page_item #p_spbl_benefits1 .content, #derm_background .newspdpslot6 .content, #derm_background .newspdpslot5 .content { padding: 45px 0 40px 40px; font-size: 38px; font-family: 'ArialMTStd-Light', Arial, sans-serif; color: #232323; } #contentP .subproduct_page_item .newspdpslot3 div { line-height: 17px; } #contentP .subproduct_page_item .newspdpslot3 .content p { text-align: center; } #contentP .subproduct_page_item .tbdcbc_spbl_easyToUse3 { border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_spbl_easyToUse3 .tbdcbContent .bodycopy p { margin-bottom: 10px; padding-left: 150px; text-align: center; width: 675px; } .content_left { text-align: left; margin-top: -5px; } #contentP .subproduct_page_item .tbdcbc_spbl_easyToUse3 .tbdcbContent .headline h1 { margin-bottom: 35px; } #contentP .subproduct_page_item .newspdpslot4 .column1, #contentP .subproduct_page_item .newspdpslot5 .column1 { width: 275px; padding-left: 40px; float: left; padding-bottom: 60px; border-bottom: 1px solid #dcdcdc; } #contentP .subproduct_page_item .newspdpslot4 .column2 { float: right; width: 665px; height: 235px; padding-bottom: 63px; border-bottom: 1px solid #dcdcdc; } #contentP .subproduct_page_item .tbmcc_spbl_benefits .column2 { float: right; width: 665px; height: 235px; padding-bottom: 63px; border-bottom: 1px solid #dcdcdc; } #contentP .subproduct_page_item .newspdpslot4 .column2 .videoLink, #contentP .subproduct_page_item .newspdpslot4 .column2 .textLink, #contentP .subproduct_page_item .newspdpslot5 .column2 .textLink { padding-left: 67px; margin-top: 10px; } #derm_background .tbdcbc_lhr_easyToUse8, #derm_background .tbdcbc_spbl_easytouse4 { padding: 0px 40px 60px 40px; border-bottom: none; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbImage, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbImage { width: 235px; float: left; margin-right: 40px; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent { width: 624px; float: right; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse6 .tbdcbContent { width: 624px; float: right; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse6 { border-bottom: medium none; padding: 0 40px 60px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse6 .bodycopy p { font-family: Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse6 .tbdcbImage { float: left; margin-right: 40px; width: 235px; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent .headline h2, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent .headline h2 { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 30px; padding-bottom: 0px; border-bottom: 1px dotted #dcdcdc; margin-bottom: 5px; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent .subHeader h2, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent .subHeader h2 { font-size: 12px; margin-bottom: 15px; font-family: Arial !important; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent .bodycopy p, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent .bodycopy p { font-family: Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; } a.readmore, a.readmore:hover { color: #0088cc; font-size: 12px; text-transform: lowercase; font-family: arial, sans-serif; } /* styles for HRL sub template end */ /* styles for lhr reviews and stories tab start */ #tertiarynav { width: 980px; margin: 0 auto; padding-top: 5px; } #tertiarynav a { border: 1px solid #dcdcdc; border-radius: 5px; -moz-border-radius: 5px; display: block; width: 230px; margin-right: 17px; float: left; margin-bottom: 25px; position: relative; height: 175px; } #tertiarynav a img { padding: 1px; } #tertiarynav a:hover { border: 1px solid #232323; color: #232323; } #tertiarynav a span { display: block; position: absolute; top: 5px; text-transform: uppercase; font-family: inherit; font-size: 14px; width: 228px; text-align: center; } #tertiarynav a span:hover { color: #232323; } #review_container { width: 980px; margin: 10px auto 0 auto; border: 1px solid #dcdcdc; } #review_container .review_content_container { padding: 40px 40px 0px 40px; text-align: left; background: none repeat scroll 0 0 #FFFFFF; } #tab_show_content { margin-top: 20px; padding-top: 40px; border-top: 1px solid #dcdcdc; } .img_slot { height: 241px; } div.lhr_real_story_left { float: left; width: 440px; } div.lhr_real_story_right { float: left; width: 260px; } div.lhr_real_story_left_text { padding: 0 20px; } .small_img_caption { font-size: 10px; padding-top: 2px; text-align: center; } .real_img_size { width: 235px; height: 235px; } p.real_head, div.real_head, div.real_head_show { font-family: Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; margin-top: 15px; color: #707070; } #review_container .review_content_container h1 { font-family: 'ArialMTStd-Light', Arial, sans-serif; margin-bottom: 25px; color: #232323; } .font12 { font-size: 12px; line-height: 17px; } .derm_qualification { margin-bottom: 25px; } .hidden_copy { display: none; } div.real_head_show { display: none; } #review_container .review_content_container .tab1_left1b { margin-right: 20px; width: 260px; } .description_image { border: 0 none; } .description_container, .description_image { float: left; margin-bottom: 20px; } .US_media_image_lg { height: 260px; width: 260px; } .media_desc_right2 { width: 600px !important; } .media_headline { color: #646464; font-size: 18px !important; font-style: italic; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .media_date { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .media_preview_image { margin: 0 16px 16px 0; } .US_media_image { border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; height: 85px; width: 85px; } /* styles for lhr reviews and stories tab end */ footer section .footer_box li a, footer section:nth-child (4) p, footer section .footer_box li { font-size: 12px; } /* styles for spbl sub pages start */ #contentP .subproduct_page_item .tbdcbc_spbl_about4 { width: 980px; padding: 0; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent { padding: 72px 10px 0px 40px; text-align: left; width: 285px; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent .headline h2 { font-size: 38px; font-weight: normal; margin-bottom: 9px; line-height: 38px; color: #232323; ht: 29px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent { background: url('../../../images/2013/us/global/QuoteMarks_BL.png') no-repeat 0px 30px; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent .bodycopy { margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .sub_link { padding-left: 5px; } #contentP .subproduct_page_item .tbmcc_spbl_about, #contentP .subproduct_page_item .tbdcbc_spbl_benefits5 { padding-bottom: 0px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits5 .tbdcbImage { margin-bottom: -5px; } #contentP .subproduct_page_item .tbmcc_spbl_about { position: relative; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .column_text { float: left; margin: 0 40px; width: 428px; text-align: left; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .column_text { margin-top: 40px; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .headline, #contentP .subproduct_page_item .tbmcc_lhr_research .column2 .headline { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; margin-bottom: 15px; line-height: 36px; color: #232323; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 img { float: right; width: 470px; } #contentP .subproduct_page_item .tbmcc_spbl_about .column1 { position: absolute; top: 264px; } #contentP .subproduct_page_item .tbmcc_spbl_benefits .column2 .videoLink a { background: url("../../../images/2013/us/global/blue_arrow.gif") no-repeat scroll right center transparent !important; border: medium none !important; color: #2ba4d8 !important; display: inline; font-size: 12px; font-weight: bold; height: 12px; line-height: 12px; padding-right: 9px; text-decoration: none !important; text-transform: uppercase !important; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits2 .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_benefits2 .stepcopy_2 .subHeader h2 { color: #2ba4d8; text-transform: uppercase; font-size: 15px; margin-bottom: 0px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits2 .stepcopy_1, #contentP .subproduct_page_item .tbdcbc_spbl_benefits2 .stepcopy_2 { float: left; width: 409px; margin: 25px 40px 15px 40px; text-align: left; } .font30 { font-size: 30px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .tbdcbContent { padding-left: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_2 .subHeader h2 { font-family: Arial, sans-serif; color: #2ba4d8; text-transform: uppercase; font-size: 15px; font-weight: bold; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_1 { float: left; left: 40px; position: absolute; text-align: left; top: 555px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_2 { float: left; left: 40px; position: absolute; text-align: left; top: 577px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_1 .bodycopy { margin-left: 70px; margin-top: -32px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_2 .bodycopy { margin-left: 85px; margin-top: -32px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .tbdcbContent .subHeader { position: absolute; top: 533px; text-align: left; float: left; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner { padding-bottom: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .subHeader p { display: inline; text-transform: none; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .tbdcbImage { margin-top: -40px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner { border-bottom: 0px !important; } #contentP .subproduct_page_item .tbplc_spbl_products_list2 .headline { font-family: 'ArialMTStd-Light', Arial, sans-serif; padding: 40px; font-size: 38px; font-weight: normal; line-height: 38px; color: #232323; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .tbdcbImage { padding-left: 170px; padding-top: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .headline { padding-right: 40px; padding-top: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .subHeader { padding-right: 40px; padding-bottom: 20px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .bodycopy { padding-right: 60px; margin-bottom: 0px !important; text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .uppertext { text-transform: uppercase; font-weight: bold; color: #232323; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .subHeader h2 { font-size: 15px; line-height: 20px; margin: 0 0 5px; font-family: arial !important; color: #646464; } .replenish_bullets { text-align: left; width: 350px; } #contentP .subproduct_page_item #p_lhr_c_benefits_folicile {} #contentP .subproduct_page_item .newspdpslot3 { padding: 0px !important; } #contentP .subproduct_page_item .p_spbl_easy_para { padding-top: 15px; padding-bottom: 10px !important; } #contentP .subproduct_page_item .tbdcbc_lhr_about4 .tbdcbImage { padding-top: 25px; } #pdf_slots .bc_lhr_doc1 .headline, #pdf_slots .bc_lhr_doc2 .headline, #pdf_slots .bc_lhr_doc3 .headline { color: #232323; text-align: center; font-weight: bold; } #pdf_slots .bc_lhr_doc2 { border-right: 1px solid #dcdcdc; padding-bottom: 40px } #pdf_slots .bc_lhr_doc3 { border: none; padding-bottom: 40px } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbContent { text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent .subHeader h2 { font-size: 15px; } /* styles for spbl sub pages end */ /* about tria tabs redesign starts */ #tab_container .tab_container_content2 .about_inner_container .about_tria_tab1 { width: 846px; } #tab_container .tab_container_content2 .about_inner_container .about_tria_text_left { float: left; width: 400px; } #tab_container .tab_container_content2 .about_inner_container .about_tria_img_right { float: left; width: 330px; margin-left: 115px; } #tab_container .tab_container_content2 .about_inner_container .about_tria_img_right div.right_font { font-family: "Arial Light", Arial; margin-top: 67px; text-align: center; color: #0c6089; font-size: 20px; line-height: 24px; } #tab_container .tab_container_content2 .about_inner_container .about_tria_img_right .about_landing_right_img { position: relative; left: -79px; } #tab_container .tab_container_content2 .about_inner_container .history_left { float: left; width: 400px; } #tab_container .tab_container_content2 .about_inner_container .history_right { float: left; width: 395px; margin-left: 5px; margin-top: 46px; } #tab_container .tab_container_content2 .about_inner_container .history_divider { float: left; border-left: 1px solid #ddd; margin-left: 10px; margin-right: 10px; height: 2330px; } #tab_container .tab_container_content2 .about_inner_container .history_divider2 { float: left; border-left: 1px solid #ddd; margin-left: 10px; margin-right: 10px; height: 1000px; } #tab_container .tab_container_content2 .about_inner_container .left_head_line { width: 318px; border-bottom: 1px dotted #cccccc; float: left; padding-top: 25px; margin-right: 10px; height: 1px; } #tab_container .tab_container_content2 .about_inner_container .left_head_line2R { border-bottom: 1px dotted #cccccc; margin: 11px 0 10px 0; width: 95%; float: right; height: 1px; } #tab_container .tab_container_content2 .about_inner_container .right_head_line { font-family: Georgia, Arial, sans-serif; font-size: 30px; color: #55bab7; float: left; } .derm_header { float: right; white-space: nowrap; font-size: 14px; color: #232323 !important; } .derm_header_table { width: 100%; margin-bottom: 15px; } .derm_headerR { float: right; white-space: nowrap; font-size: 14px; color: #232323 !important; } .new_blue { color: #55bab7 !important; } #tab_container .tab_container_content2 .about_inner_container .history_inner_left_img { float: left; width: 145px; margin-right: 15px; text-align: right; padding-top: 7px; } #tab_container .tab_container_content2 .about_inner_container .history_inner_left_txt { float: left; width: 235px; text-align: right; margin-right: 5px; } #tab_container .tab_container_content2 .about_inner_container .history_inner_left_txt9 { float: right; width: 235px; text-align: left; margin-right: 5px; } #tab_container .tab_container_content2 .about_inner_container .history_left .left_feature_block, #tab_container .tab_container_content2 .about_inner_container .history_right .right_feature_block { margin-bottom: 50px; } #tab_container .tab_container_content2 .about_inner_container .history_right .right_feature_block p.head_text { color: #02a4ba; font-size: 20px; font-family: "Arial Light", arial, sans-serif; line-height: 22px; } #tab_container .tab_container_content2 .about_inner_container .left_head_line3 { border-bottom: 1px dotted #cccccc; margin: 11px 0 10px 0; width: 95%; float: left; height: 1px; } #tab_container .tab_container_content2 .about_inner_container .left_head_line2 { color: #55bab7; float: left; font-family: Georgia, Arial, sans-serif; font-size: 30px; } #tab_container .tab_container_content2 .about_inner_container .right_head_line2 { border-bottom: 1px dotted #CCCCCC; float: left; margin-left: 10px; padding-top: 25px; width: 313px; } #tab_container .tab_container_content2 .about_inner_container .history_inner_left_txt2 { float: left; text-align: left; width: 235px; } #tab_container .tab_container_content2 .about_inner_container .history_inner_right_img { float: left; margin-left: 15px; text-align: left; width: 145px; } /* about tria tabs redesign ends */ /* our scientists redesign styles start */ #scientists_block .about_tria_tab1 .scientists-row1 { float: left; } #scientists_block .about_tria_tab1 .scientist_block_align { width: 810px; margin: 0 auto; } #scientists_block .about_tria_tab1 .scientists-row1 li { float: left; margin-right: 10px; list-style: none; margin-bottom: 10px; } #scientists_block .about_tria_tab1 .scientists-row1 .scientist_last { margin-right: 0px !important; } #prev { position: absolute; left: 655px; margin-top: 620px; width: 14px; } #next { position: absolute; left: 675px; margin-top: 620px; width: 14px; text-align: right; } .gall { float: left; font-size: 12px; width: 488px; } .gall p { font-size: 12px; width: 430px; } .gall .scientist_head { margin: 20px 0 0 0; font-size: 18px; color: #333333; text-transform: uppercase; font-weight: normal; padding-bottom: 0px !important; } .gall .dark-grey { text-transform: uppercase; margin-bottom: 12px !important; } #scientist_img { left: 20px; margin-top: 20px; position: absolute; } #close_link { position: absolute; top: 9px; font-size: 11px; font-weight: bold; left: 665px; } #close_link a { color: #646464 !important; } /* our scientists redesign styles end */ .subnav_link_divider { background: url('../../../images/2013/us/global/subhead_link_divider.gif') no-repeat; height: 22px; width: 1px; margin: 0px 15px; float: left; } /* affiliate pages styles start */ #affiliate { padding-top: 370px; padding-left: 40px; padding-right: 40px; border: 1px solid #cccccc; } #affiliate h1, #affiliate h2, #affiliate h3, #affiliate p { padding: 10px 0; } #affiliate h2 { color: #232323; font-size: 17px; } #affiliate h1, #affiliate h2, #affiliate h3, #affiliate strong {} #affiliate h1, #affiliate h3 {} ol { list-style-type: decimal; margin-left: 17px; } .affiliate { background: transparent url('../../../images/2013/us/affiliate/affiliate-program.jpg') no-repeat top left; width: 980px; } #join { margin-top: 2em; margin-bottom: 5em; cursor: pointer; } #join p { margin: 0; padding-top: 3px; float: left; } #join .blue_arrow { margin-left: 1em; } /* affiliate page styles end */ .tbdcbc_spbl_benefits5 { overflow: hidden; } #derm_background .tbdcbc_spbl_benefits7 .tbdcbContent { text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent { text-align: left; padding-left: 40px; } /* new LHR print landing page starts */ #lhr_body_wrap_print2 { margin: 0px 0px 0px 0px; background: url('../../../images/2013/us/landingpages/print_landing_bg.jpg') no-repeat #ffffff; } #lhr_body_wrap_print2 .body_main_left { height: 578px; float: left; } #lhr_body_wrap_print2 .body_main_left .lhr_body_left_text { color: #0066A4; font-size: 16px; padding-bottom: 0; padding-left: 146px; padding-top: 300px; text-align: left; } .curve_bg_top_print2 { background: url('../../../images/2013/us/landingpages/top_curve.gif') top left no-repeat; height: 4px; } .curve_bg_bottom_print2 { background: url('../../../images/2013/us/landingpages/bottom_curve.gif') top left no-repeat; height: 4px; } div.right_hear_block_print2 { h padding-top: 30px; width: 279px; } div.right_hear_block_print2 .content_panel_print { background: #ffffff; padding: 22px; margin: 0px; padding: 15px 10px 15px 22px; margin-top: -1px; } div.right_hear_block_print2 .content_panel_print .marketting_feature_1 { float: left; width: 135px; margin-right: 7px; } div.right_hear_block_print2 .content_panel_print .marketting_feature_2 { float: right; width: 120px; } div.right_hear_block .content_panel .marketting_feature_1 h5 { color: #232323; } #content_home { padding: 0px; width: 980px; height: 597px; margin: 0 auto; text-align: left; position: relative; background: url("../../../images/2013/us/landingpages/footer_spectrum.jpg") bottom left no-repeat #fff; } #panel1 { background: url('../../../images/2013/us/landingpages/hp_panel1.jpg') no-repeat #c0d4f0; width: 980px; height: 424px; } div#panel1 .panel1_left { padding-top: 154px !important; } div.panel1_left { padding-left: 60px; padding-top: 170px; position: relative; width: 450px; } .buttonGreen span span a, .buttonGreen span span input { background-color: #2BC098; border: 1px solid white !important; border-radius: 1px 1px 1px 1px; color: #FFFFFF; cursor: pointer; font-size: 18px; font-weight: bold; padding: 3px 12px; } .but a, .but div div a { color: #FFFFFF; font-size: 13px; text-decoration: none; text-transform: lowercase; white-space: nowrap; } div.right_hear_block .content_panel .marketting_feature_2 { float: right; width: 120px; } div.right_hear_block .content_panel .marketting_feature_1 { float: left; margin-right: 5px; width: 165px; } div.right_hear_block .content_panel .marketting_feature_1 h5 { color: #232323; } a.blue_arrow { line-height: 18px; } a.blue_arrow { background: url("../../../images/2013/us/landingpages/link_arrow.png") no-repeat scroll right center transparent; color: #232323 !important; font-size: 11px; font-weight: bold; height: 12px; padding-right: 8px; text-decoration: none !important; text-transform: uppercase; } #right_marketting_feature2 .marketting_feature_1 p { color: #646464; font-family: inherit; font-size: 12px; line-height: 18px; margin-bottom: 10px; } #right_marketting_feature2 .marketting_feature_1 h5 { font-family: Arial, Sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; margin-bottom: 5px; color: #232323; } /* new LHR print landing page ends */ /* new bluelight print landing page */ .buttonBlue span span a, .buttonBlue span span input { background-color: #2FACE2; border: 1px solid white !important; border-radius: 1px 1px 1px 1px; color: #FFFFFF; cursor: pointer; font-size: 18px; font-weight: bold; padding: 3px 15px; } #right_marketting_feature2 .marketting_feature_1 h3 { text-transform: none; } /* new bluelight print landing page ends */ /* new canada brand print landing page starts */ div.panel1_left_ok { padding-left: 70px; padding-top: 155px; position: relative; width: 432px; } .panel1_left_ok h2 { color: #232323; font-size: 17px; font-weight: normal; line-height: 20px; margin: 10px 0; text-transform: none; } /* new bluelight print landing page ends */ /* new Sweeps page starts */ #content .sweep_banner { margin-top: -20px; position: relative; } #panel3_sweeps { background: url("../../../images/2013/us/sweeps/summer_sweeps.jpg") no-repeat scroll 0 0 #FFFFFF; height: 650px; width: 980px; } #marketting_feature_sweeps { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; left: 574px; position: absolute; top: 10px; } #marketting_feature_sweeps .content_panel { border-radius: 5px 5px 5px 5px; padding: 10px 10px 20px 22px; } .marketting_divider { border-top: 1px dotted #999999; margin: 15px 0; } #marketting_feature_sweeps .content_panel h1, #marketting_feature_sweeps .content_panel_error h1 { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 24px; color: #232323; } #marketting_feature_sweeps .content_panel .sweeps_label { float: left; margin-right: 5px; text-align: right; vertical-align: top; width: 92px; font-size: 12px; margin-top: 5px; } #marketting_feature_sweeps .content_panel .sweeps_input { float: right; padding: 5px 0; width: 230px; font-size: 12px; } #marketting_feature_sweeps .content_panel .sweeps_input input { width: 200px; } .clear, .clear_sweeps { clear: both; } input[type="text"], input[type="password"], input.text, input.title, textarea, select { background-color: #FFFFFF; border: 1px solid #BBBBBB; } .sweeps_btn { margin: 10px 104px; } #spasweeps { height: 0; left: 603px; position: relative; top: 555px; width: 300px; } #spasweeps_error { top: 565px !important; position: relative; left: 603px; width: 300px; height: 0px; } #spasweeps_error_msg { top: 550px !important; position: relative; left: 603px; width: 300px; height: 0px; } .newyousweeps_conditions { color: #000000; font-size: 10px; } .newyousweeps_conditions a { color: #000000; text-decoration: underline; } .spasweepscondition { left: 50px; position: absolute; top: 37px; } .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 5px 3px !important; } .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 2px; } .addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs { float: left; } .email_img { background: url("../../../images/2013/us/global/envelop_icon.png") no-repeat scroll 0 0 transparent !important; } .at300b, .at300bo, .at300m, .at300bs { cursor: pointer; } .sweeps3_left { padding: 80px 0 0 25px; text-align: left; } .lightup_text { font-size: 14px; padding: 90px 0 0 15px; } .error, .notice, .success { text-align: left; } .left_thankyouhopup { margin: 40px 0 0 20px; } /* style for error div */ #marketting_feature_sweeps .content_panel_error { padding: 10px 10px 5px 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #marketting_feature_sweeps .content_panel_error .sweeps_label { width: 92px; text-align: right; margin-right: 5px; float: left; vertical-align: top; } #marketting_feature_sweeps .content_panel_error .sweeps_input { width: 230px; float: right; padding: 5px 0px; } #marketting_feature_sweeps .content_panel_error .sweeps_input input { width: 200px; } /* new Sweeps page ends */ /* new promotions page starts images/2013/uk/promotions/11052013_GMD_Promopg_Optimized.jpg */ .non_cms_promo_banner2 { background: url("../../../images/2013/ca/promotions/HolidaySweeps_Promopg.jpg")no-repeat scroll 0 0 transparent; } .promo_banner_content { position: absolute; top: 160px; width: 525px; } .promo_banner_content p { text-align: center !important; color: #232323; margin-bottom: 15px; } .promo_banner_content a.arrow { color: #FFFFFF!important; } .promo_banner_content .block1 { color: #FFFFFF; left: 433px; position: absolute; text-align: center; top: 247px; width: 200px; } .promo_banner_content .block2 { color: #FFFFFF; left: 635px; position: absolute; text-align: center; top: 272px; width: 200px; } .promo_banner_content .block3 { color: #FFFFFF; left: 810px; position: absolute; text-align: center; top: 195px; width: 200px; } #non_cms_promo_banner_cliker { width: 100px; height: 20px; display: block; position: relative; top: 230px; left: 210px; } .promo-banner { height: 350px; } .sweep_content p { color: #000000; text-align: center; } #tmpSlide-1 .hp_panel .leftCallout_pramotionBanner1 { position: absolute; top: 155px; left: 137px; width: 540px; text-align: center !important; color: #ffffff !important; } #tmpSlide-1 .hp_panel .leftCallout_pramotionBanner1 p { color: #232323; margin-bottom: 0px !important; } #tmpSlideshow_promo { margin: 0 auto; position: relative; height: 350px; } #tmpSlide-1, #tmpSlide-2, #tmpSlide-3 { height: 350px; } #tmpSlide-1 .hp_panel .leftCallout_colors_Banner1 { position: absolute; top: 270px; left: 80px; width: 425px; text-align: center !important; } #tmpSlide-2 .leftCallout_colors_Banner1 .greybtn a { background: #585858 !important; background: linear-gradient(#585858, #424141) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } div#tmp_promo_SlideshowControls { background: #FFFFFF; border-radius: 4px 4px 4px 4px; height: 14px; padding: 2px; position: absolute; right: 50%; top: 317px; margin-right: -480px; } div#tmp_colors_SlideshowControls { border-radius: 4px 4px 4px 4px; height: 14px; padding: 2px; position: absolute; right: 50%; top: 340px; margin-right: -480px; } .leftCallout_pramotionBanner1 div, .leftCallout_pramotionBanner1 div p { text-align: center !important; color: #ffffff; width: 450px; } .giftcode { font-weight: bold; } a.promotion_arrow { background: url("../../../images/2013/ca/landingpages/link_arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0); color: #232323 !important; font-weight: bold; height: 12px; margin-right: 20px; padding-right: 8px; text-decoration: underline; text-transform: uppercase; } #tmpSlide-2 .leftCallout_pramotionBanner1 div, #tmpSlide-2 .leftCallout_pramotionBanner1 div p { color: #646464; text-align: center !important; width: 300px; } #tmpSlide-2 .leftCallout_pramotionBanner1 .greybtn a { background: #585858 !important; background: linear-gradient(#585858, #424141) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } .promo-banner h2 { color: #232323; font-size: 18px; margin-bottom: 10px; text-transform: none; } #promotions #titleBar { padding: 5px 0 0 37px; } #promotions #titleBar {} #promotions h1 { padding: 8px 0 0; } #promotions #titleBar p { font-size: 12px; line-height: 12px; padding-bottom: 25px; font-family: arial; color: #646464; } .promotionBox { border-right: 1px solid #D3D3D3; } .promotionBox { float: left; height: 340px; padding-left: 38px; padding-right: 38px; padding-top: 30px; width: 250px; } .promotionBox1 { float: left; height: 430px; padding-left: 38px; padding-right: 38px; width: 250px; } .promotionBox1 { border-right: 1px solid #D3D3D3; } .promo_easypay_terms_link a { font-size: 11px; text-decoration: underline; } #promotions img { padding-left: 50px; padding-right: 50px; padding-bottom: 20px; } #promotions ul { float: left; } #promotions li:first-child { padding-right: 37px; } #promotions ul li img { float: left; margin: 20px 10px 0 0; } #promotions ul li.easy img { margin: 20px 0 20px -20px; } #promotions ul li h3 { color: #232323; font-weight: bold; } #promotions ul li p { margin: 0 0 10px; } #promotions ul li li { float: none; width: auto; } #offer { clear: left; float: none; color: #646464; font-size: 10px !important; line-height: 13px; padding: 0px !important; } #offer p { color: #AAAAAA; font-size: 10px; line-height: 13px; margin: 1em 0; } .buttonColor { background: linear-gradient(#8b73a7 60%, #8b73a7); background: -webkit-linear-gradient(#8b73a7 60%, #8b73a7); background-image: linear-gradient(#8b73a7 60%, #8b73a7); background-image: -webkit-linear-gradient(#949597 60%, #949597); border: medium none; cursor: pointer; display: inline-block; color: rgb(255, 255, 255)!important; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 12px; text-transform: uppercase; width: auto; } /* new promotions page ends */ div.nav_1_drop .nav3_drop { width: 245px; float: left; } div.nav_1_drop .nav31_bg { background: url(../../../images/2013/us/header/nav/Reviews_Stories_dropdown_245x250_01_HRL4x.jpg) no-repeat; height: 245px; } div.nav_1_drop .nav32_bg { background: url(../../../images/2013/us/header/nav/Reviews_Stories_dropdown_245x250_03_ADL.jpg) no-repeat; height: 245px; } div.nav_1_drop .nav33_bg { background: url(../../../images/2013/us/header/nav/Reviews_Stories_dropdown_245x250_02_HRLp.jpg) no-repeat; height: 245px; } div.nav_1_drop .nav34_bg { background: url(../../../images/2013/us/header/nav/Reviews_Stories_dropdown_245x250_04_BL.jpg) no-repeat; height: 245px; } a.txt-highlight { color: #232323 !important; font-weight: bold; } #urlLinkLabel a.top_nav { color: #646464; } #urlLinkLabel a.top_nav:hover { color: #232323; } #marketting_boxes .bc_mbox1_us p a, #marketting_boxes .bc_mbox2_us p a, #marketting_boxes .bc_mbox3_us p a { color: #646464; } .promo_err, .pass_err { color: #ff0000; font-weight: bold; padding-top: 5px; width: 300px; } .easypay_hopup { padding: 25px 20px 0px 25px; } /* new replenish hopup styles */ .replenish_head_bg { background: url("../../../images/2013/us/global/replenish_me_hopup.jpg") no-repeat; width: 698px; } .replenish_head_text { padding-top: 35px; padding-right: 40px; margin-left: 40px; margin-bottom: 20px; } .replenish_head_text2 { padding-right: 40px; padding-left: 23px; padding-top: 5px; } .replenishment_header { color: #000; font-size: 14px; margin: 10px 0 0px 0; text-transform: uppercase; font-weight: bold; } .replenish_head_text h2 { margin-bottom: 3px; } .replenish_head_text p span {} .replenish_product_bottom { margin: 20px 20px 0px 20px; height: 120px; } .product_left { float: left; width: 320px; } .product_left .img_left { float: left; } .product_left .img_left img { width: 120px; height: 120px; } .product_left .txt_left { width: 333px; } .product_left .txt_left .subscribe { margin-top: 10px; } .product_left .replenish_terms { padding: 0px; margin-top: 35px; } .product_left .replenish_terms a, .product_left .replenish_terms a:hover { color: #999999; text-decoration: none; } .product_left .skip_and_go { padding: 0px; margin-top: 35px; /* not effective for non-td elements vertical-align:top; */ } #TB_window { margin-top: -320px !important; position: absolute; top: 40%; } #StarterKitHopup { width: 698px; display: none; } #StarterKitHopup h1 { margin-top: 10px; } /* new replenish hopup styles end */ #derm_background .tbdcbc_lhr_about6 .tbdcbContent .subHeader h2, #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent .subHeader h2 { font-family: Arial, sans-serif; font-size: 12px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .bodycopy p, #scientist_module .right .derm_name, #why_srl_mod4 .mod4-content-right .derm_name { font-size: 12px; font-weight: bold; margin-bottom: 0px; color: #232323; } #pdf_slots .bc_lhr_doc1, #pdf_slots .bc_lhr_doc2 { padding-bottom: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits1 .tbdcbImage { text-align: right; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbContent { padding-top: 30px; } #derm_background .tbdcbc_spbl_benefits7 .tbdcbContent .headline h2 { margin-bottom: 9px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits1 .tbdcbContent { padding-top: 87px; } .skincare_steps { color: #2BA4D8; font-size: 15px; font-weight: bold; text-transform: uppercase; } .footer_box li a, .footer_box li { font-size: 12px; vertical-align: top; line-height: 17px; } .footer_box li a:hover { color: #232323; } footer section:nth-child(3) .footer_box ul li a img { padding: 0 3px 5px 0; vertical-align: middle; } .press_date { margin-bottom: 10px; } #tab_container .divider { margin-top: 10px !important; margin-bottom: 15px !important; } /* bridal campaign */ #top_header_image { background: url(../../../images/2013/us/Bridal_Campaign/06182013_BridalCampaign_SiteUpdate_LP_header.jpg) no-repeat scroll center top transparent; height: 520px; margin-top: -40px; } .dont_leave_text { font-family: Arial, Helvetica, sans-serif; font-size: 17px; margin: 0 auto; padding-left: 180px; padding-top: 275px; width: 980px; } .dont_leave_text p { width: 400px; text-align: center; font-size: 17px; } #top_header_image2 { padding: 60px 40px; float: left; } .backstage_text h2 { line-height: 37px; text-align: left; text-transform: none; } #bridal_head2 { height: 309px; } .bridalbox3 { padding-top: 20px; } .bridal_product { padding: 0 60px 60px; width: 206px; } .bridal_content { width: 260px; } .bridal_content li { list-style-type: disc; text-align: left; padding-top: 5px; } .Tria_skin_text { line-height: 21px; margin-top: 25px; } .makeYourwedding_text { text-align: center; margin-top: 40px; } .makeYourwedding_text h2 { text-transform: none; } .Act_now_text { line-height: 21px; padding-bottom: 25px; padding-top: 25px; text-align: center; } .blue_box_text { font: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1fa6e1; } .Skin_Perfecting_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6b6b; padding-left: 60px; } .Free_shipping_text { font-size: 12px; color: #f01f66; font-style: italic; margin-top: 10px; } #footer_image { background-image: url(../../../images/2013/us/Bridal_Campaign/05282013_BridalCampaign_LP_module3.jpg); background-repeat: no-repeat; width: 980px; height: 350px; } .enter_to_win { padding: 150px 70px; } .hopup_rightdiv { float: left; padding: 30px 25px 30px 40px; } .brides_hopup li { padding-top: 3px; } .lightup_text_bridal { text-align: center; position: absolute; top: 200px; left: 105px; font-size: 14px; } #panel3_bridalsweeps { background: url("../../../images/2013/us/Bridal_Campaign/05282013_BridalCampaign_SweepsLP_optimized.jpg") no-repeat scroll 0 0 #FFFFFF; height: 650px; width: 980px; } .right_thankyouhopup { left: 330px; position: relative; top: -100px; width: 120px; } .right_thankyouhopup1 { left: 380px; position: relative; top: -135px; width: 290px; } div#bridal_tmpslide { height: 520px; margin: 0 auto; position: relative; } #content_bridal { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; margin: 0 auto; position: relative; text-align: left; width: 980px; } /* end of bridal landing page */ .lineheighth2 { line-height: 30px; } } /* start of colors print landing page */ #colorSlideshow { height: 520px; margin: 0 auto; position: relative; } #colorSlideshow .headerimage { background: url("../../../images/2013/us/landingpages/colors_print_landing/magazine_LP_final_121k_02.jpg") no-repeat scroll 50% 0 transparent; height: 520px; margin-top: -40px; } #colorSlideshow .colorshppanel { margin: 0 auto; width: 980px; position: relative; } #colorSlideshow .headerimage .colors_text { left: 90px; position: absolute; text-align: center; top: 270px; } #colorSlideshow .headerimage .colors_text p { color: #FFFFFF; font-size: 14px; line-height: 19px; margin-bottom: 20px; text-align: center; } #Colmarketting_boxes { margin: 0 auto; width: 980px; background: #ffffff; } #Colmarketting_boxes .newcolorsmboxes { float: left; height: 323px; margin: 10px 10px 0px 0px; width: 316px; text-transform: uppercase; text-align: center; } #Colmarketting_boxes .newcolorsmboxes .colors_headline { color: #232323; font-size: 14px; font-weight: bold; margin: 17px 25px 4px; text-transform: uppercase; } #Colmarketting_boxes .newcolorsmboxes p { font-size: 14px; text-align: center; text-transform: none; } #youtube_video .video_innerLayer { width: 680px; } /* end of colors print landing page */ #bc_lhr_doc1, #bc_lhr_doc2, #bc_lhr_doc3 { position: relative; } #bc_lhr_doc1 .headline a:hover { color: #232323; } #flyoutsrlHB { position: absolute; margin: -305px 0 0 -312px; display: none; z-index: 3000; } #flyout2g { position: absolute; margin: -216px 0 0 201px; z-index: 3000; } #flyout2g_hopup_close { position: absolute; right: 0px; top: -5px; } #bc_lhr_doc1_flyout { position: absolute; top: -192px; left: 40px; background: url('../../../images/2013/us/products/laser/HRL-PDF_01_graphic-only.png') no-repeat; width: 356px; height: 142px; padding: 25px; } #bc_lhr_doc1_flyout h3, #bc_lhr_doc2_flyout h3, #bc_lhr_doc3_flyout h3 { font-size: 12px; color: #232323; margin-bottom: 0px; font-weight: bold; } #bc_lhr_doc1_flyout p, #bc_lhr_doc2_flyout p, #bc_lhr_doc3_flyout p { font-size: 12px; width: 296px; } #bc_lhr_doc2_flyout { position: absolute; top: -192px; left: -60px; background: url('../../../images/2013/us/products/laser/HRL-PDF_02_graphic-only.png') no-repeat; width: 356px; height: 142px; padding: 25px; } #bc_lhr_doc3_flyout { newhplateposts_bannerContent position: absolute; top: -182px; left: -65px; background: url('../../../images/2013/us/products/laser/HRL-PDF_02_graphic-only.png') no-repeat; width: 356px; height: 142px; padding: 25px; } .newhplateposts_bannerContent { width: 306px; } /**************** Main Grey Div starts here ******************/ #sweeps_main_div { width: 978px; height: 1100px; margin: auto; border: solid 0px #000; } #sweeps_top_banner { width: 980px; height: 550px; border: solid 0px #000; background: #f1f1f1 url(../../../images/2013/ca/sweeps/YearofGreatSkin_LHR_SweepsLP_Main.jpg) no-repeat; } /**************End*****************/ .sweep_content { width: 365px; padding: 255px 0 0 70px; float: left; color: #000000; text-align: center; } #sweeps_grey_main_div { width: 903px; height: 580px; float: auto; border: solid 0px #000; position: absolute; top: 510px; left: 40px; bottom: 20px; right: 30pz; box-shadow: 0px 1px 2px 1px #999; background-color: #f1f1f1; background: #f1f1f1 url(../../../images/2013/ca/sweeps/Holiday_SweepsLP_prizeimage.jpg) no-repeat bottom right; } #sweeps_grey_main_sub_div { width: 832px; height: 550px; border: solid 0px #000; float: left; margin-top: 30px; margin-bottom: 0px; margin-left: 30px; margin-right: 30px; } #sweeps_Heading_top_div { width: 829px; height: 54px; float: left; border: solid 0px #000; } #sweeps_tab_01 { width: 670px; height: 54px; float: left; border: solid 0px #000; font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #666; } .country_Sweeps_label { float: left; width: 120px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .country_Sweeps { width: 600px; height: 30px; float: left; } #sweeps_tab_02 { width: 21px; height: 30px; float: left; border: solid 0px #000; margin-top: 5px; } #sweeps_tab_03 { width: 46px; height: 30px; float: left; border: solid 0px #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } #sweeps_tab_04 { width: 22px; height: 30px; float: left; border: solid 0px #000; margin-top: 5px; } #sweeps_tab_05 { width: 341px; height: 30px; float: left; border: solid 0px #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } #sweeps_tab_06 { width: 58px; height: 54px; float: left; border: solid 0px #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 10px; } #sweeps_tab_07 { width: 100px; height: 54px; float: left; border: solid 0px #000; margin-top: 5px; } #sweeps_hr_line { border-bottom: 1px solid #c6c6c6; float: left; } /**************** END ******************/ #sweeps_hr_line { width: 825px; height: 9px; margin: auto; } /**************** END ******************/ #sweeps_data_main_div { width: 829px; height: 370px; float: left; margin-top: 5px; border: solid 0px #000; } #sweeps_left_div { width: 390px; height: 300px; border: solid 0px #000; float: left; margin-top: 10px; margin-right: 20px; } #sweeps_right_div { width: 390px; height: 300px; border: solid 0px #000; float: left; margin-left: 20px; margin-top: 10px; } /**************** END ******************/ #sweeps_text { width: 390px; height: 36px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #sweeps_text_box { width: 390px; height: 36px; float: left; } #sweeps_dob { width: 360px; height: 36px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #sweeps_dob_t_box_01 { width: 67px; height: 36px; float: left; } #sweeps_dob_t_box_02 { width: 67px; height: 36px; float: left; } #sweeps_dob_t_box_03 { width: 67px; height: 36px; float: left; } /**************** END ******************/ #sweeps_terms_main_div { width: 829px; height: 147px; float: left; border: solid 0px #000; } #sweeps_tick_bok { width: 27px; height: 42px; float: left; } #sweeps_right_text { width: 320px; height: 42px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #656565; } #sweeps_submit_entry { float: left; height: 45px; margin-top: 25px; width: 139px; } #sweeps_submit_entry .grey_small input, .grey_small a { background: linear-gradient(#13AD83 60%, #147E61) repeat scroll 0 0 rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(#13AD83 60%, #147E61); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#13AD83 ', endColorstr='#147E61', GradientType=0); border: 1px solid #FFFFFF !important; color: #FFFFFF !important; cursor: pointer; font-size: 14px; font-weight: bold; padding: 10px 14px !important; text-transform: uppercase; } #sweeps_privacy_policy { width: 301px; height: 65px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 10px; color: #656565; } /**************** END ******************/ /* Topical Hop up starts */ .topicalHopup { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: -92px; left: 0px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; } .topicalHopup_right { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: -92px; right: 0px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; } .topicalsHopupDiv_top { text-align: center; } #topicalsHopupDiv_product { margin: 25px 0 20px; width: 230px; height: 230px; } .topicalsHopupDiv_div_header { color: #232323; font-size: 24px; } .content_topicalHopup_panel p { font-size: 12px; } #topicalHopup_close { margin: 0; position: absolute; right: 0px; top: 0px; padding-right: 10px; padding-top: 10px; } .close_Hopup { position: absolute; right: -5px; top: 10px; background: url("../../../images/2013/us/global/close_reg.png") no-repeat; width: 30px; } .close_Hopup:hover { background: url("../../../images/2013/us/global/close_hover.png") no-repeat; width: 30px; } .topicalHopup_img_panel { position: relative; height: 150px; width: 120px; padding-right: 30px; float: left; color: #000000; } .topicalHopup_img_panel a { color: #000000; position: absolute; bottom: 8px; left: 20px; } .content_topicalHopup_panel { width: 280px; text-align: left; float: right; color: #000000; font-style: normal; } .topicalHopup .serumKitHopup { width: 302px !important; } .f12 { font-size: 12px !important; } .cat_product { position: relative; } .quick-view { z-index: 2; display: block; cursor: pointer; text-align: center; position: absolute; top: 50px; left: 50%; margin-left: -50px; padding: 3px 0px; width: 100px !important; font-size: 12px; color: #fff; font-weight: bold; opacity: .65; font-style: normal; background: url("../../../images/2013/us/global/link_arrow_white.png") no-repeat 87px 8px #acabb0; } .readmore2 { color: #0088cc; padding-right: 8px; background: url("../../../images/2013/us/global/blue_arrow_hopup.gif") no-repeat right 5px; } a.readmore2, a.readmore2:hover { color: #0088cc; font-size: 12px; text-transform: lowercase; font-family: arial, sans-serif; } .hopUpDiscountMessage { font-size: 13px !important; font-weight: normal; font-style: italic; color: #F06EAA; padding-left: 17px; } /* Topical hop up ends */ /****************Popup start here****************/ #sweeps_popup_main_div_pop { background-color: #FFFFFF; border: 1px solid #CCCCCC; height: 200px; left: 248px; margin: auto; position: absolute; top: 150px; width: 521px; z-index: 1000; } #sweeps_left_div_pop { width: 311px; height: 251px; float: left; border: solid 0px #cccccc; } .sweeps_thanks_text_pop { font-family: ArialMTStd-Light, Arial, sans-serif; color: #232323; font-size: 22px; line-height: 23px; margin-left: 25px; margin-top: 25px; } .sweeps_announcing_text_pop { color: #646464; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-left: 25px; margin-top: 15px; } #sweeps_show_nowbtn_pop { width: 95px; margin-left: 25px; margin-top: 15px; } #sweeps_center_div_pop { float: left; padding: 25px 40px; } #sweeps_right_div_pop { left: 235px; position: absolute; } /****************Popup ends here****************/ .hp_marketing_rollover { position: absolute; background: #000; left: 0; top: 0; opacity: 0.1; filter: alpha(opacity=90); width: 318px; height: 185px; } #bc_mbox1_us, #bc_mbox2_us, #bc_mbox3_us { cursor: pointer; } #bc_mbox1_us .headline a, #bc_mbox1_us p a, #bc_mbox2_us .headline a, #bc_mbox2_us p a, #bc_mbox3_us .headline a, #bc_mbox3_us p a { text-align: center; } #marketting_boxes .newhpmboxes .subHeader1 { font-family: Georgia, Arial, sans-serif; margin-top: -208px; position: absolute; margin-left: 28px; text-transform: uppercase; font-size: 26px; width: 208px; line-height: 26px; } #marketting_boxes .newhpmboxes .subHeader1 a { color: #000; } #marketting_boxes #bc_mbox1_us .subHeader1 { width: 100px; } #marketting_boxes #bc_mbox2_us .subHeader1 { /* margin-top: -224px;*/ } /* about tria redesign pages by Suresh V - 07/18/2013 */ #page_wrap { width: 980px; margin: 0 auto; } #history_left { float: left; width: 478px; margin-top: 5px; } #history_right { float: right; width: 478px; margin-top: 5px; } #history_left h3, #history_right h3 { font-family: Georgia, Arial, sans-serif; color: #232323; font-size: 38px; margin-bottom: 25px; } #history_left .history_article, #history_right .history_article { padding: 25px 25px 25px 25px; background-color: #ffffff; } #history_left h4, #history_right h4 { font-family: Arial, sans-serif; color: #232323; font-size: 15px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } #history_left .history_content_block, #history_right .history_content_block { margin-bottom: 20px; width: 478px; border: 1px solid #dcdcdc; } .history_img { padding: 0px; display: none; } #content .article_bio { padding: 40px 40px 60px 40px; border-bottom: 1px solid #dcdcdc; } #content .article_bio p { margin-bottom: 25px; } #content .article_bio p a { color: #0088CC; } #content .article_bio a { color: #232323; } #content .bio_left { width: 490px; float: left; } #content .bio_right { width: 490px; float: right; } #content .bio_left .bio_content, #content .bio_right .bio_content { padding: 0px 25px 80px 25px; } #content .bio_left .bio_content h2, #content .bio_right .bio_content h2 { margin-top: 40px; } #content .bio_left .bio_content p, #content .bio_right .bio_content p { margin-bottom: 25px; } #content .bio_right .bio_content .right_align { text-align: right; } #content .main_head { margin: 40px 25px 60px 40px; } #content .press_articles { padding: 25px 25px 0px 40px; margin-bottom: 30px; border-top: 1px solid #dcdcdc; } #content .press_articles h1 { font-family: Georgia, Arial, sans-serif; margin-bottom: 0px; } #content .press_articles .article_by_year { margin-top: 30px; } #content .press_articles .date { float: left; width: 100px; margin-bottom: 30px; } #content .press_articles .article_title { float: right; width: 705px; margin-right: 50px; margin-bottom: 30px; line-height: 22px; } #content .press_articles .hide_show_buttons { float: right; margin-top: 10px; margin-right: 20px; margin-bottom: 15px; } #content .press_articles .article_by_year { display: none; } /* styles for customer care pages start */ #contact { padding: 35px 0px 0px 40px; border-bottom: 1px solid #dcdcdc; } #contact .left { width: 420px; float: left; } #contact .right { width: 490px; float: right; height: 390px; } #contact .left h2 { padding-top: 20px; margin-bottom: 20px; background: url('../../../images/2013/us/customercare/contactus/Icons_Phone_30x30.png') no-repeat 0 22px; padding-left: 28px; padding-bottom: 1px } #contact .left .tele .cc_timing { line-height: 25px; padding-left: 28px; } #contact_form { padding: 40px 80px 60px 80px; } #contact_form .email_head { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 30px; color: #232323; margin-bottom: 30px; font-weight: bold; vertical-align: middle; } #comments { width: auto; } #content .customercare_info { padding: 40px 40px 60px 40px; border-bottom: 1px solid #dcdcdc; } #content .customercare_info .left { float: left; width: 700px; } #content .customercare_info .right { float: right; width: 178px; position: relative; } #content .customercare_info .right img { border: 1px solid #dcdcdc; } #content .customercare_info .cust_small_head { font-weight: bold; color: #232323; margin-bottom: 10px; } #credit_cards li { float: left; margin-right: 30px; margin-bottom: 5px; list-style-type: disc; } #credit_cards { margin-bottom: 10px; padding-left: 15px; display: inline-block; } #content .customercare_info p { margin-bottom: 25px; } #content .customercare_info .shipping { padding: 15px 0px 40px 0; } .shipping_img { width: 100px; float: left; } .shipping_content { width: 600px; float: left; margin-bottom: 30px; } .shipping_content p { color: #20B88F; margin-bottom: 10px !important; font-weight: bold } #content .customercare_info a { text-decoration: underline; } #salestax_states .list { display: block; margin-right: 120px; float: left; margin-left: 15px; } #content .customercare_info .terms_list { margin-bottom: 25px; margin-left: 15px; } #salestax_states .list li, #content .customercare_info .terms_list li { list-style: disc; margin-bottom: 5px; } .lightboxstyle { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=70); left: 0; top: 0; z-index: 10; } #mod1 { background: url('../../../images/2013/us/hrlp/activation/HRLp_Usage.jpg') no-repeat right top; height: 250px; padding-left: 40px; padding-top: 100px; } #mod2, #mod3, #mod4 { padding: 20px; border-bottom: 1px dotted #dcdcdc; } .activation_sub { font-size: 17px; color: #232323; text-transform: uppercase; margin-bottom: 25px; } .thankyou_right2 { margin-right: 0px; } #mod4 h2 { line-height: 30px; text-transform: capitalize; } #mod5 { padding: 40px 0 60px 0; width: 430px; margin: 0 auto; } #mod5 img { margin-bottom: 10px; display: block; } #prescMod5 { padding: 40px 40px 0px 40px; margin: 0 auto; float: right; } .prescMod5Text { float: right; width: 400px; } /* styles for customer care pages end */ /*************Cart Customization****************/ .category_product { margin: 0 0 0 15px; width: 125px; } .text_product { width: 430px; padding-right: 15px; font-size: 12px; } .text_product1 { width: 430px; padding-right: 15px; font-size: 12px; } .text_product1 .hopup_pname { font-size: 12px; font-weight: bold; margin-bottom: 5px; } .text_product1 .hopup_rprice { float: left; font-size: 15px; font-weight: bold; } #hopup_reviews { font-size: 12px; margin-bottom: 10px; margin-left: 40px; } #hopup_reviews .reviews { font-size: 12px; margin-bottom: 10px; margin-left: 7px; position: absolute; } .add_product .radio_button { font-weight: bold; } .text_product1 .product_text { font-size: 12px; margin-top: 5px; width: 315px; } .add_product { width: 245px; padding-top: 15px; } .hopup_rfreetext { color: #F06EAA; font-style: italic; margin-top: 5px; margin-left: 21px; font-size: 12px; font-weight: bold; } .cbl_divider { border-top: 1px dotted #999999; margin: 20px 0; } .main_divider { border-top: 1px solid #CCCCCC; margin: 40px 0; } .gwpjul1_top { width: 840px; } .gwpjul1_top h3 { font-size: 16px; margin-bottom: 15px; text-transform: none; font-weight: bold; } #hopup_close { float: right; padding: 5px; position: relative; margin-top: -41px; left: 41px; } #relatedProductsDiv .text_product p, #relatedProductsDivBuyNow .text_product p { font-size: 20px; } #relatedProductsBundleDiv .text_product p, #buyNowRelatedProductsBundleDiv .text_product p { font-size: 20px; } .hopup_freetext { color: #F06EAA; float: left; font-size: 12px; font-style: italic; padding: 10px; } #relatedProductsDiv .hopup_price { float: left; font-size: 24px; font-weight: bold; margin-top: 10px; } .box1_banner { font-size: 30px; font-family: 'ArialMTStd-Light', Arial, sans-serif; padding-bottom: 40px; } #relatedProductsDiv { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 20px; width: 840px; z-index: 3003; display: none; position: fixed; top: 20px; zoom: 1; } #relatedProductsDivBuyNow { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 20px; width: 840px; z-index: 3003; display: none; position: fixed; top: 20px; zoom: 1; } .hopup_price { float: left; font-size: 24px; font-weight: bold; margin-top: 10px; } #relatedProductsBundleDiv { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 20px; width: 840px; z-index: 3003; display: none; position: fixed; top: 20px; zoom: 1; } #buyNowRelatedProductsBundleDiv { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 20px; width: 840px; z-index: 3003; display: none; position: fixed; top: 20px; zoom: 1; } .gwpjul1_topBuyNowBundleDiv { width: 840px; } .gwpjul1_topBuyNowBundleDiv h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; text-transform: none; } #products { zoom: 1; } .gwpjul1_topBundleDiv { width: 840px; } .gwpjul1_topBundleDiv h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; text-transform: none; } .gwpjul1_topBuyNow { width: 840px; } .gwpjul1_topBuyNow h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; text-transform: none; } #text_div { float: right; margin-right: 75px; } .radio_button { font-size: 12px; padding-top: 5px; } .radio_button input[type="radio"] { margin-right: 8px; float: left; } .radio_text { float: left; margin-top: 2px; } .warranty_terms_link a { font-size: 11px; text-decoration: underline; color: #2BA4D8; } /*************End of Cart Customization****************/ /* styles for CRE landing page start */ #cre_mod1 .article1 { padding: 20px 40px 40px 40px; } #cre_mod1 .article1 .celebrity_quote { text-align: center; margin-bottom: 30px; } #cre_mod1 .article1 .left_head { width: 800px; float: left; } #cre_mod1 .article1 .left_head span, #cre_mod4 h2 span { color: #4bcaaa; } #cre_mod1 .article1 .left_head h2 { text-align: center; text-transform: capitalize; line-height: 35px; margin-bottom: 20px; } #cre_mod1 .article1 .right_img { width: 100px; float: right; } #cre_mod1 .article1 hr { margin-bottom: 25px; width: 100% !important; } #cre_mod1 p, #cre_mod2 p, #cre_mod3 p, #cre_mod4 p, #cre_mod5 p, #cre_mod6 p, #cre_mod7 p, #cre_mod9 p, #cre_mod12 p, #cre_mod13 p { margin-bottom: 15px; line-height: 20px; } #cre_mod1 .comparative { line-height: 15px; } #mod1_continue .derm_section .derm_caption p { margin-bottom: 5px; } #cre_mod1 .celebrity_media, #mod1_continue .celebrity_media_article { float: left; width: 367px; margin-right: 20px; margin-top: 25px; } #cre_mod1 .celebrity_media img { margin-bottom: 10px; display: block; } #cre_mod1 .article1 .celebrity_quotes, #mod1_continue .celebrity_quotes { width: 510px; float: right; } #cre_mod1 .article1 .celebrity_quotes .quotes, #mod1_continue .celebrity_quotes .quotes { padding: 20px; margin-top: 25px; border-radius: 8px; background: #fff8d5; margin-bottom: 25px; } #cre_mod1 .article1 .celebrity_quotes .quotes h3 { font-size: 25px; font-family: 'ArialMTStd-Light', Arial, sans-serif; text-transform: capitalize; margin-bottom: 18px; } #quote_item li, #quote_item2 li { list-style: none; margin: 0; padding: 0 0 5px 20px; background: url('../../../images/2013/us/cre/01_JennySection/arrow.gif') no-repeat left 3px; color: #0b88cf; text-decoration: underline; font-size: 13px; } #quote_item li a { color: #0b88cf; } #cre_mod1 .article1 .celebrity_skin_chart { width: 190px; float: left; } #cre_mod1 .article1 .celebrity_skin_chart p a { color: #0b88cf; text-decoration: underline; font-size: 13px; } #cre_mod1 .article1 .divider_arrow { float: left; width: 73px; height: 129px; background: url('../../../images/2013/us/cre/01_JennySection/01_F_LargeArrow.jpg') no-repeat -48px 0; } #cre_mod1 .article1 .product_right { float: right; width: 245px; } #cre_mod1 .article1 .product_right img { display: block; float: left; width: 106px; margin-right: 20px; } #cre_mod1 .article1 .product_right .pricing { width: 117px; float: right; } #cre_mod1 .article1 .product_right .price { font-size: 30px; color: #ffa623; margin-bottom: 10px; font-weight: bold; } a.cre_shop { background: url('../../../images/2013/us/cre/01_JennySection/01_F_ShopCTA.jpg') no-repeat 0 0; color: #fff; text-transform: uppercase; font-weight: bold; display: block; width: 127px; line-height: 24px; padding-left: 15px; margin-top: 10px; } #cre_mod1 { border-bottom: 1px solid #dcdcdc; } #cre_mod1 .article1 .celebrity_skin_chart .shipping_text { color: #232323; font-weight: bold; line-height: 22px; margin-top: 15px; text-decoration: none; } #cre_mod1 .article1 .celebrity_skin_chart .shipping_text span { color: #ff0000; } #media_block { background: linear-gradient(#f3f3f3, #ffffff); width: 940px; height: 460px; border: 1px solid #dcdcdc; position: relative; margin: 0 auto; border-radius: 5px; } #media_block h3, #mod1_continue h3, #cre_mod7 h3 { text-align: center; padding-top: 30px; line-height: 29px; font-size: 25px; text-transform: none; font-family: 'ArialMTStd-Light', Arial, sans-serif; } #media_block .quote1 { position: absolute; left: 40px; background: url('../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png') no-repeat 0 0; padding: 30px 20px 0 42px; } #media_block .quote1 p { background: url("../../../images/2013/us/cre/02_MediaSection/EndQuote.png") no-repeat scroll right 15px transparent; padding-bottom: 28px; padding-right: 44px; font-size: 18px; font-style: italic; } #media_block .media_img { position: absolute; bottom: 0; right: 0; } #media_block .mag_name1 { left: 125px; position: absolute; top: 168px; } #media_block .quote2 { position: absolute; left: 40px; background: url('../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png') no-repeat 0 0; padding: 30px 20px 0 42px; top: 270px; } #media_block .quote2 p { background: url("../../../images/2013/us/cre/02_MediaSection/EndQuote.png") no-repeat scroll right 15px transparent; padding-bottom: 28px; padding-right: 44px; font-size: 18px; font-style: italic; } #media_block .mag_name2 { left: 99px; position: absolute; top: 351px; } #mod1_continue { margin: 0 40px 40px 40px; } #mod1_continue h3 { margin-bottom: 20px; } #mod1_continue .head_desc_mod1 { text-align: center; margin-bottom: 20px; } #mod1_continue .celebrity_quotes .quotes { border-radius: 5px; background: linear-gradient(#f1f1f1, #ffffff); border: 1px solid #dcdcdc; padding: 14px 20px 1px; } #quote_item2 li { background: url("../../../images/2013/us/cre/02_MediaSection/02_M_Arrow.png") no-repeat left 3px; margin-bottom: 20px; } #mod1_continue .celebrity_media_article .article_img { float: left; width: 163px; } #mod1_continue .celebrity_media_article .article_img img { display: block; margin-bottom: 5px; } #mod1_continue .celebrity_media_article .article_text_box { width: 192px; float: right; } #mod1_continue .celebrity_media_article .article_img .comparative { line-height: 17px; text-align: center; } #quote_item2 li { padding-bottom: 3px; } #mod1_continue .derm_section { background: #fff8ce; border: 1px solid #dcdcdc; border-radius: 5px; position: relative; padding: 30px; margin: 25px 0; } #mod1_continue .derm_section h2 { text-transform: capitalize; margin-bottom: 23px; margin-bottom: 40px; } #mod1_continue .derm_section .cre_derm_left { float: left; width: 158px; margin-bottom: 15px; } #mod1_continue .derm_section .cre_derm_right { float: right; width: 640px; } #mod1_continue .derm_section .cre_derm_right h2 { background: url("../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png") no-repeat 0 0px; padding-left: 70px; font-size: 24px; color: #24ba79; text-transform: none; padding-top: 20px; margin-bottom: 20px; } #mod1_continue .derm_section .cre_derm_right p { font-family: Georgia, arial, sans-serif; line-height: 25px; font-size: 20px; } #mod1_continue .derm_section .clip { position: absolute; top: -10px; right: 40px; display: block; } #mod1_continue .derm_section .derm_caption { float: left; } #mod1_continue .derm_section .derm_name { font-weight: bold; } #mod1_continue .derm_section .readmore_derm { float: right; padding-top: 56px; } #mod1_continue .derm_section .readmore_derm a { background: url("../../../images/2013/us/cre/02_MediaSection/02_M_Arrow.png") no-repeat scroll right 5px transparent; padding-right: 20px; color: #2c97d1; font-weight: bold; text-decoration: underline; } #mod1_continue .derm_section2 h2 { text-align: center; margin: 40px 0; } #mod1_continue .derm_section2 .derm2_left { float: left; width: 570px; } #mod1_continue .derm_section2 .derm2_right { float: right; width: 305px; } #mod1_continue .derm_section2 .derm2_right img { display: block; margin-bottom: 3px; } #mod1_continue .derm_section2 .derm2_left .derm2_inner { border: 1px solid #dcdcdc; background: linear-gradient(to right bottom, #F1F1F1, #FFFFFF); padding: 20px 20px 5px 20px; border-radius: 5px; width: 481px; } #mod1_continue .derm_section2 .derm2_left .derm2_inner_left { float: left; width: 80px; } #mod1_continue .derm_section2 .derm2_left .derm2_inner_right { float: right; width: 378px; } #cre_mod2, #cre_mod5 { padding: 40px; border-bottom: 1px solid #dcdcdc; } #cre_mod2 .cre_mod2_head { font-size: 23px; color: #2db593; text-align: center; margin-bottom: 40px; } #cre_mod2 h2, #cre_mod3 h2, #cre_mod4 h2, #cre_mod5 h2, #cre_mod6 h2, #cre_mod7 h2, #cre_mod9 h2, #cre_mod10 h2, #cre_mod12 h2 { text-transform: none; text-align: center; margin-bottom: 25px; line-height: 30px; } #cre_mod2 .cre_mod2_img { display: block; margin-bottom: 40px; } #cre_mod2 .cre_mod2_left { float: left; width: 27%; margin-left: 51px; } #cre_mod2 .cre_mod2_left .block_head { color: #2BC098; margin-bottom: 4px; text-transform: uppercase; } #cre_mod3, #cre_mod4, #cre_mod7 { padding: 40px 0; border-bottom: 1px solid #dcdcdc; } #cre_mod3 .review_container, #cre_mod6 .review_container, #cre_mod13 .review_container { margin: 0px 40px; padding-top: 20px; } #cre_mod4 .cre_mod4_comparision, #cre_mod7 { margin: 0px 40px; } #cre_mod3 .review_media, #cre_mod6 .review_media, #cre_mod13 .review_media { float: left; width: 167px; } #cre_mod3 .review_quote, #cre_mod6 .review_quote, #cre_mod13 .review_quote { width: 695px; float: right; background: url("../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png") no-repeat 0 0px; } #cre_mod3 .review_quote *, #cre_mod6 .review_quote *, #cre_mod13 .review_quote * { margin-left: 55px; } #cre_mod3 .review_quote .review_head, #cre_mod6 .review_quote .review_head, #cre_mod13 .review_quote .review_head { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 24px; line-height: 29px; color: #232323; padding-bottom: 25px; border-bottom: 1px solid #dcdcdc; margin-bototm: 25px; } .dark_grey { color: #232323; font-size: 18px; font-weight: bold; } .review_divider { border-bottom: 1px solid #dcdcdc; margin-top: 25px; } #cre_mod3 .review_container .skin_chart_buynow, #cre_mod6 .review_container .skin_chart_buynow, #cre_mod13 .review_container .skin_chart_buynow, #cre_mod7 .skin_chart_buynow, #cre_mod9 .skin_chart_buynow { margin: 10px 0px 40px 0; } #cre_mod3 .review_container .scientist_quote, #cre_mod6 .review_container .scientist_quote { float: left; width: 700px; } #cre_mod3 .review_container .scientist_device, #cre_mod6 .review_container .scientist_device { float: right; width: 172px; } #cre_mod3 .scientist_quote .review_head, #cre_mod6 .scientist_quote .review_head { font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 24px; line-height: 29px; color: #232323; padding-top: 15px; margin-bototm: 25px; } #cre_mod4 .cre_mod4_comparision .cre4_compare_left { float: left; width: 40%; text-align: center; margin-top: 20px; } #cre_mod4 .cre_mod4_comparision .cre4_compare_right { float: right; width: 50%; margin-top: 20px; text-align: center; } #cre_mod4 .cre_mod4_comparision .cre4_compare_left .dark_grey, #cre_mod4 .cre_mod4_comparision .cre4_compare_right .dark_grey { font-size: 14px; } #cre_mod4 .cre_mod4_comparision .cre4_compare_right p { line-height: 20px } #cre_mod4 .cre_mod4_comparision img { margin-bottom: 25px; } #cre_mod5 .arm_before, #cre_mod5 .arm_after { float: left; width: 282px; margin-right: 15px; margin-bottom: 40px; } #cre_mod5 .cre_mod5_use { float: right; width: 306px; margin-bottom: 40px; } #cre_mod5 .cre_mod5_use img { display: block; margin-bottom: 12px; } #cre_mod3 .review_quote .real_quote { font-size: 18px; } #cre_mod5 { padding-bottom: 0; border: none; } #cre_mod6 .cre_mod6_derm_media { width: 45%; float: left; margin-bottom: 20px; margin-left: 40px; } #cre_mod6 .cre_mod6_derm_media img { display: block; margin-bottom: 20px; } #cre_mod6 .cre_mod6_derm_quote { margin-right: 40px; width: 45%; float: right; background: linear-gradient(#F1F1F1, #FFFFFF); border-radius: 5px; border: 1px solid #dcdcdc; } #cre_mod6 .cre_mod6_derm_quote .derm_quote { background: url("../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png") no-repeat 40px 25px; padding: 25px 25px 25px 95px; } #cre_mod6 .cre_mod6_derm_quote .derm_quote .mod6_head, #cre_mod11 .mod11_fda_article_right .mod11_fda_article_right_content .mod11_derm_quote { font-family: Georgia, Arial, sans-serif; font-size: 17px; color: #232323; line-height: 22px; } #cre_mod6 .cre_mod6_derm_quote .derm_quote .mod6_derm_img { width: 45%; float: left; } #cre_mod6 .cre_mod6_derm_quote .derm_quote .mod6_derm_caption { width: 48%; float: right; } #cre_mod7 .mod7_pdf_articles { width: 48%; float: left; margin: 25px 0; } #cre_mod7 .mod7_celebrity_articles { width: 48%; float: right; background: linear-gradient(#F1F1F1, #FFFFFF); border-radius: 5px; border: 1px solid #dcdcdc; margin: 25px 0; } #cre_mod7 .mod7_celebrity_articles .mod7_celebrity_content { padding: 25px 25px 25px 25px; } #cre_mod7 .mod7_celebrity_articles .mod7_celebrity_content .celeb_head_ash, #cre_mod9 .mod9_expert_article .celeb_head_ash, #cre_mod11 .mod11_fda_article_right_content .celeb_head_ash { font-size: 22px; font-family: Arial, sans-serif; line-height: 27px; background: url("../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png") no-repeat scroll 0px 5px transparent; padding-left: 50px; color: #232323; } #cre_mod7 .mod7_celebrity_articles .mod7_celebrity_content .celeb_left { width: 55%; float: left; margin-bottom: 15px; } #cre_mod7 .mod7_celebrity_articles .mod7_celebrity_content .celeb_right { float: right; width: 40%; margin-bottom: 15px; } #cre_mod7 .mod7_pdf_articles .mod7_article1 { float: left; width: 48%; } #cre_mod7 .mod7_pdf_articles .mod7_article2 { float: right; width: 48%; } #cre_mod7 .mod7_pdf_articles .mod7_article1 img, #cre_mod7 .mod7_pdf_articles .mod7_article2 img { display: block; margin-bottom: 20px; } #cre_mod7 .mod7_pdf_articles .mod7_article1 p, #cre_mod7 .mod7_pdf_articles .mod7_article2 p { background: url("../../../images/2013/us/cre/11_EasyToFollow/11_C_DownloadButton.jpg") no-repeat 0 0; font-size: 13px; font-weight: bold; color: #232323; padding-left: 45px; } #cre_mod7 .mod7_pdf_articles .mod7_article2 p a, #cre_mod7 .mod7_pdf_articles .mod7_article1 p a { color: #232323; } #cre_mod7 .machinework_head { color: #5ac1a7; } #cre_mod7 .device_details { display: block; margin: 0 auto; width: 751px; } #cre_mod7 h3 { padding-top: 0; margin-bottom: 40px; } #cre_mod7 { border: 0; } #cre_mod8 { background: url("../../../images/2013/us/cre/13_WhoTriaIsntFor/13_D_UsageImage.jpg") no-repeat right top; padding: 40px 40px 25px 40px; position: relative; border-bottom: 1px solid #dcdcdc; } #cre_mod8 h3 { color: #5ac1a7; font-size: 28px; margin-bottom: 25px; text-transform: none; font-family: 'ArialMTStd-Light', Arial, sans-serif; line-height: 30px; } #cre_mod8 ul li { background: url("../../../images/2013/us/cre/13_WhoTriaIsntFor/13_A_1.jpg") no-repeat 0 0; padding-left: 45px; width: 488px; line-height: 22px; margin-bottom: 15px; } #cre_mod8 ul .item2 { background: url("../../../images/2013/us/cre/13_WhoTriaIsntFor/13_B_2.jpg") no-repeat 0 0; } #cre_mod8 ul .item3 { background: url("../../../images/2013/us/cre/13_WhoTriaIsntFor/13_C_3.jpg") no-repeat 0 0; } #cre_mod8 .mod8_caption { line-height: 16px; position: absolute; right: 56px; text-align: center; top: 446px; width: 270px; } #cre_mod9, #cre_mod10, #cre_mod11, #cre_mod12 { padding: 40px; border-bottom: 1px solid #dcdcdc; } #cre_mod9 .beauty_expert_right { float: right; width: 430px; } #cre_mod9 .beauty_expert_right img { display: block; margin-bottom: 10px; } #cre_mod9 .beauty_expert_right .comparative { text-align: center; } #cre_mod9 .beauty_expert_left { float: left; width: 450px; } #cre_mod9 .mod9_expert_article, #cre_mod13_sub .mod13_derm_block { background: linear-gradient(#F1F1F1, #FFFFFF); border: 1px solid #DCDCDC; border-radius: 5px 5px 5px 5px; padding: 25px; margin-bottom: 40px; } #cre_mod9 .mod9_expert_article .mod9_article_left { width: 630px; float: left; } #cre_mod9 .mod9_expert_article .mod9_article_right { width: 192px; float: right; } #cre_mod9 .mod9_expert_article .mod9_article_left p { font-family: Georgia, arial, sans-serif; } #cre_mod9 .mod9_expert_article .celeb_head_ash { background-position: 0 17px; font-family: Arial, sans-serif !important; color: #232323; padding-left: 55px; } #cre_mod10 h3 { color: #5ac1a7; font-size: 25px; margin-bottom: 25px; text-transform: none; font-family: 'ArialMTStd-Light', Arial, sans-serif; line-height: 30px; text-align: center; } #cre_mod11 h3, #cre_mod12 h3 { font-size: 24px; line-height: 29px; margin-bottom: 20px; color: #232323; text-transform: none; } #cre_mod11 .mod11_fda_article_left { width: 430px; float: left; } #cre_mod11 .mod11_fda_article_right { width: 450px; float: right; background: none repeat scroll 0 0 #FFF8D5; border-radius: 8px 8px 8px 8px; margin-bottom: 25px; } #cre_mod11 .mod11_fda_article_right_content { padding: 40px 40px 25px 25px; } #cre_mod11 .mod11_fda_article_right .mod11_fda_article_right_content .mod11_derm_quote { color: #646464; margin-bottom: 25px; } #cre_mod11 .mod11_fda_article_right .mod11_fda_article_right_content .mod11_derm_img { float: left; width: 109px; } #cre_mod11 .mod11_fda_article_right .mod11_fda_article_right_content .mod11_derm_caption { float: right; width: 260px; } #cre_mod12 .mod12_left { width: 450px; float: left; } #cre_mod12 .mod12_right img { display: block; margin-bottom: 15px; } #cre_mod12 .mod12_right .mod12_img2 { margin-top: 95px; float: right; } #cre_mod12 .mod12_right { width: 412px; float: right; } #cre_mod13 h2 { margin: 40px 0px 25px 40px; text-align: left; line-height: 35px; text-transform: none; } #cre_mod13_sub h2 { font-size: 24px; text-align: center; margin-top: 0px; font-family: Arial, sans-serif; } #cre_mod13_sub .compare_chart { display: block; margin: 0 auto; width: 769px; margin-bottom: 20px; } #cre_mod13_sub p { margin-bottom: 40px; } #cre_mod13_sub .mod13_derm_left { float: left; width: 130px; } #cre_mod13_sub .mod13_derm_left img { display: block; margin-bottom: 15px; } #cre_mod13_sub .mod13_derm_right { float: right; width: 692px; } #cre_mod13_sub .mod13_derm_right .mod13_derm_head { background: url("../../../images/2013/us/cre/02_MediaSection/02_A_Quote.png") no-repeat scroll 0 5px transparent; color: #232323; font-family: Arial, sans-serif; font-size: 30px; line-height: 35px; padding-left: 50px; padding-bottom: 25px; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px; } #cre_mod13_sub .mod13_derm_right .mod13_derm_desc { font-family: Georgia, Arial, sans-serif; font-size: 17px; line-height: 22px; margin-bottom: 30px; } #cre_mod13_sub .mod132_head { line-height: 30px; margin-bottom: 25px; text-align: left; text-transform: none; margin-left: 0; font-size: 30px; } #cre_mod13_sub p { margin-bottom: 15px; } #cre_mod13_sub .kim_desc { width: 642px; float: left; margin-bottom: 40px; } #cre_mod13_sub .kim_desc_img { width: 207px; float: right; margin-bottom: 40px; } #cre_mod13_sub .kim_desc_img img { display: block; margin-bottom: 15px; } #cre_mod13_sub .kim_desc_img p { text-align: center; } #cre_mod13_sub .kim_desc h3, #cre_mod13_sub h3 { font-size: 24px; line-height: 29px; margin-bottom: 20px; color: #232323; text-transform: none; } #cre_mod14 { margin: 40px 0; padding: 40px 0 0 0; border-top: 1px solid #dcdcdc; background: linear-gradient(#F1F1F1, #FFFFFF); } #cre_mod14 .skin_chart_buynow { margin: 40px 40px 0px 40px; } #cre_mod14 h2 { color: #3baa7a; line-height: 38px; text-align: center; margin-bottom: 25px; text-transform: none; } #cre_mod14 h2 span { color: #3c5e95; font-weight: bold; } #email_optin_sales, #email_optin_promo { width: 775px; height: 369px; } #email_optin_sales .optin_left, #email_optin_promo .optin_left { position: relative; float: left; } #email_optin_sales .optin_left img, #email_optin_promo .optin_left img { position: absolute; top: -50px; left: 0; } #email_optin_sales .optin_right, #email_optin_promo .optin_right { float: right; width: 400px; text-align: center; padding-top: 122px; } #email_optin_promo .optin_right p, #email_optin_sales .optin_right p { margin: 15px 0 40px 0; } #headerSignUpEmailOptin1, #headerSignUpEmailOptin2 { width: 180px; text-align: center; background: #dcdcdc; border: none; padding: 2px 0 0 0; height: 23px } #close_email_optin_sales, #close_email_optin_promo { position: absolute; top: 10px; right: 10px; } #email_optin_sales h2, #email_optin_promo h2 { margin-bottom: 6px; line-height: 35px; text-transform: none; } /* styles for CRE landing page end */ #signup_submit_sales, #signup_submit_promo { background: url('../../../images/2013/us/email-optin/Email_button_23x25.png') 0 0px no-repeat; border: none; cursor: pointer; width: 23px; height: 25px; float: left; } /**********************Exclusive sale landing page *************/ #panel1_sale { height: 518px; margin-top: -40px; background: url('../../../images/2013/us/landingpages/Save75_LP_panel.jpg') no-repeat scroll center top transparent; } .salehppanel { margin: 0 auto; position: relative; width: 980px; } .panel1sale_left { left: 15px; position: absolute; text-align: center; top: 277px; width: 535px; } #salemarketting_boxes { border: 2px solid #CCCCCC; margin: 0 auto; width: 980px; } #salemarketting_boxes .inner_content { padding: 40px 0 60px 40px; height: 200px; border-bottom: 1px solid #CCCCCC; } #salemarketting_boxes .imageURL { float: left; margin-right: 25px; width: 200px; } #salemarketting_boxes .product_description .headline { font-size: 20px; color: #232323; padding-bottom: 25px; } .product_description { float: left; } #salecolorPickerMessage { padding-bottom: 5px; color: #646464; font-style: normal; font-size: 15px !important; } .product_description .pprice { padding-top: 25px; padding-bottom: 5px; } .promo_text { padding-left: 10px; } .promo_textcolor { font-size: 16px; color: #ea4682; font-weight: bold; } /**********************end of Exclusive sale landing page *************/ /* HRLP sneak peek email signup start */ #hrlp_email { width: 980px; margin: 0 auto; position: relative; } #hrlp_email .sneak_banner { background: url('../../../images/2013/us/hrlp_test/SignUpPage_01.jpg') no-repeat; width: 980px; height: 100%; } #hrlp_email .sneak_banner div { padding: 140px 0 0 436px; width: 467px; } #hrlp_email .sneak_banner div h2 { text-transform: capitalize; margin-bottom: 20px; padding-bottom: 20px; } #hrlp_email .signup_form_container { margin: 0 40px; border: 1px solid #dcdcdc; box-shadow: 0px 0px 3px #000; padding: 40px 40px 60px 40px; background: #F1F1F1; } #hrlp_email .signup_form_container h2 { text-transform: none; padding-bottom: 25px; border-bottom: 1px dotted #dcdcdc; margin-bottom: 15px; } #hrlp_email .signup_form_container .signup_left { width: 390px; float: left; } #hrlp_email .signup_form_container .signup_right { width: 390px; float: right; } #hrlp_email .signup_form_container .signup_left input[type="text"], #hrlp_email .signup_form_container .signup_right input[type="text"] { width: 390px; border: 1px solid #bbbbbb; height: 25px; } #hrlp_email .signup_form_container .signup_left p, #hrlp_email .signup_form_container .signup_right p { color: #232323; padding-top: 10px; } #hrlp_email .signup_form_container .signup_right select[name="hrlp_state"] { width: 160px; height: 25px; } #hrlp_email .signup_form_container .signup_right select[name="hrlp_gender"], #hrlp_email .signup_form_container .signup_right select[name="hrlp_age"] { width: 105px; height: 25px; } #hrlp_email .signup_form_container .signup_right .hrlp_gender, #hrlp_email .signup_form_container .signup_right .hrlp_age { float: left; margin-right: 20px; } #hrlp_email .signup_form_container .signup_left .hrlp_options, #hrlp_email .signup_form_container .signup_right .hrlp_options { padding: 20px 0px 40px 0px; color: #232323; } #hrlp_email .signup_form_container .signup_left .hrlp_options p, #hrlp_email .signup_form_container .signup_right .hrlp_options p { margin: 20px 0; color: #232323; } #hrlp_email .signup_form_container .signup_right .hrlp_options select { width: 105px; height: 25px; } .para15 { margin-bottom: 15px; } .hrlp_terms p { margin-bottom: 20px; font-size: 14px; } /* HRLP sneak peek email signup end */ #bc_lhr_c_4x_MBox1c .imageURL img, #bc_lhr_c_4x_MBox2c .imageURL img, #bc_lhr_c_4x_MBox3c .imageURL img, #bc_lhr_c_4x_MBox4c a img, #bc_hrlp_MBox1 .imageURL a img, #bc_hrlp_MBox2 .imageURL a img, #bc_hrlp_MBox3 .imageURL a img, #bc_hrlp_MBox4 a img { border: 1px solid #dcdcdc; border-radius: 4px; } #bc_hrlp_MBox1 .imageURL a img:hover, #bc_hrlp_MBox2 .imageURL a img:hover, #bc_hrlp_MBox3 .imageURL a img:hover, #bc_hrlp_MBox4 a img:hover { border: 1px solid #000; border-radius: 4px; } .mboxlink, .mboxlink:hover { background: url('../../../images/2013/us/global/green_arrow.gif') no-repeat center right !important; color: #20B88F !important; font-weight: bold; height: 12px; padding-right: 9px; text-decoration: none !important; text-transform: uppercase !important; line-height: 30px; border: none !important; display: inline; font-size: 14px; } .winner { padding: 0px; margin: 0px; line-height: 20px; text-align: center; font-weight: bold; color: rgb(231, 4, 140); font-size: 14px; } /* HRL 4x easy to use page styles*/ #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 { position: relative; height: 840px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .headline h2 { color: #232323; left: 40px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .subHeader { position: absolute; top: 148px; left: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .subHeader h2 { color: #2BC098; font-size: 30px; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .bodycopy { position: absolute; top: 178px; left: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_1 { left: 470px; position: absolute; top: 300px; width: 402px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_2 .subHeader h2 { margin-bottom: 15px; line-height: 30px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_2 { position: absolute; top: 564px; left: 0px; width: 400px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_1 .bodycopy, #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_2 .bodycopy { top: 215px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_2 .videoLink { top: 310px; text-align: left; left: 40px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse1 .tbdcbImage { float: left; margin-left: 40px; width: 235px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse1 { padding-bottom: 30px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse1 .tbdcbContent { float: right; padding: 0px 40px; text-align: left; width: 435px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse1 .tbdcbContent .bodycopy { font-size: 30px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse1 .tbdcbContent .headline h1 { margin-bottom: 10px; } #contentP .subproduct_page_item .bc_lhr_c_easy_docs { text-align: center; padding-bottom: 30px; } #contentP .subproduct_page_item .bc_lhr_c_easy_docs .headline { padding: 15px 30px 0 50px !important; text-align: center; margin-bottom: 20px; } #contentP .subproduct_page_item .bc_lhr_c_easy_guide { border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 20px !important; width: 313px; } #contentP .subproduct_page_item .bc_lhr_C_easy_insts { border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 20px !important; width: 330px; } #contentP .subproduct_page_item .bc_lhr_C_easy_faqs { border-bottom: 1px solid #DCDCDC !important; float: left; padding: 0 0 20px !important; height: 37px; width: 335px; } #contentP .subproduct_page_item .bc_lhr_c_easy_guide .imageURL { float: right; width: 280px; } #contentP .subproduct_page_item .bc_lhr_C_easy_insts .imageURL { margin-left: 40px; width: 278px; } #contentP .subproduct_page_item .bc_lhr_C_easy_faqs .imageURL { margin-left: 40px; width: 278px; } #contentP .subproduct_page_item .bc_lhr_c_easy_guide .imageURL .link, #contentP .subproduct_page_item .bc_lhr_C_easy_insts .imageURL .link, #contentP .subproduct_page_item .bc_lhr_C_easy_faqs .imageURL .link { padding-top: 3px; } #contentP .subproduct_page_item .bc_lhr_c_easy_guide .imageURL img, #contentP .subproduct_page_item .bc_lhr_C_easy_insts .imageURL img, #contentP .subproduct_page_item .bc_lhr_C_easy_faqs .imageURL img { float: left; margin-right: 10px; } #contentP .subproduct_page_item .bc_lhr_easy_docs { text-align: center; padding-bottom: 30px; } #contentP .subproduct_page_item .tbmcc_lhr_c_easy .content { background: url("../../../images/2013/us/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } .tbmcc_lhr_c_easy { border-bottom: none !important; } #contentP .subproduct_page_item .tbmcc_lhr_c_easy .column_text .content { padding: 28px 40px 5px 65px; } #contentP .subproduct_page_item .tbmcc_lhr_c_easy .column_text .content #real_head1 { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } #contentP .subproduct_page_item #p_lhr_c_easy_para.newspdpslot7 .content { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } .tbdcbc_lhr_c_easyToUse8 .tbdcbContent .headline h1 { margin-bottom: 5px; } .tbdcbc_lhr_c_easyToUse8 .tbdcbContent .subHeader h2 { border-top: 0px solid #ccc; margin-top: 5px; padding-top: 10px; } #tbdcbc_lhr_c_4x_feature10 { border-top: 1px solid #ccc; padding-top: 5px; border-bottom: none !important; width: 1075px\0; } #tbdcbc_lhr_c_4x_feature10 .tbdcbImage { padding-top: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 { padding: 0 40px 60px; border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .disclaimer { font-size: 10px; position: absolute; margin-top: 50px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbContent { float: right; width: 624px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbContent .subHeader h2 { font-family: Arial !important; font-size: 12px; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbContent .bodycopy p { font-family: Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; } #contentP .subproduct_page_item.tbdcbc_lhr_c_easyToUse8 .tbdcbImage { float: left; margin-right: 40px; width: 235px; } .tbdcbc_lhr_c_easyToUse_bigResults { border-bottom: 1px solid #ccc; padding-top: 30px; height: 375px; } .tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent { margin: 57px 0 0 40px; width: 430px; } .tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent .bodycopy p { margin-bottom: 20px; } /* end of HRL 4x easy to use page styles*/ /* HRL 4x why tria lhrc page styles*/ #contentP .subproduct_page_item .bc_lhr_c_month1 { margin-left: 40px; } #contentP .subproduct_page_item .bc_lhr_c_month1, #contentP .subproduct_page_item .bc_lhr_c_month2 { border-bottom: medium none !important; border-top: medium none !important; float: left; width: 220px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_benefits3 { border-bottom: medium none !important; padding-bottom: 0; } #contentP .subproduct_page_item .bc_lhr_c_month1 .headline, #contentP .subproduct_page_item .bc_lhr_c_month2 .headline, #contentP .subproduct_page_item .bc_lhr_c_afterMonth3 .headline { color: #2BC098; margin-bottom: 4px; text-transform: uppercase; } #contentP .subproduct_page_item .bc_lhr_c_afterMonth3 { border-bottom: 1px solid #DCDCDC; border-top: medium none !important; float: left; width: 220px; } #contentP .subproduct_page_item .p_lhr_c_benefits_para5 { border-top: 1px solid #DCDCDC; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column1 { border-bottom: 1px solid #DCDCDC; float: left; padding-bottom: 58px; padding-left: 40px; width: 275px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column2 { border-bottom: 1px solid #DCDCDC; float: right; height: 235px; padding-bottom: 63px; width: 665px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column_text .content { padding: 28px 40px 5px 65px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .content { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .content { background: url("../../../images/2013/us/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column_text .content #real_head1 { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } #derm_background .tbdcbc_lhr_c_benefits5 { border-bottom: medium none; padding: 40px 0 60px; } #derm_background .tbdcbc_lhr_c_benefits5 .tbdcbContent { float: right; margin-left: 60px; margin-right: 80px; padding-top: 30px; text-align: left; width: 460px; } #derm_background .tbdcbc_lhr_c_benefits5 .tbdcbImage { float: left; width: 367px; } #tbdcbc_lhr_c_4x_whytria_feature6 { border-top: 1px solid #ccc; padding: 0px !important; height: 375px; } #tbdcbc_lhr_c_4x_whytria_feature6 .tbdcbContent { padding: 78px 0 0 40px; text-align: left; } #tbdcbc_lhr_c_4x_whytria_feature6 .tbdcbContent .bodycopy { width: 300px; } #tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbContent { padding: 120px 50px 40px 540px; position: absolute; width: 390px; } #tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbContent .headline h1 { margin-bottom: 10px; } #tbdcbc_lhr_c_benefits4 { border-top: 1px solid #DCDCDC; padding: 40px 40px 0; height: 830px; } #tbdcbc_lhr_c_benefits4a { border-top: 1px solid #DCDCDC; padding: 40px 0px 60px 0px; height: 510px; border-bottom: 1px solid #DCDCDC; position: relative; } #tbdcbc_lhr_c_benefits4a .bodycopy p { padding: 0px 65px; } #tbdcbc_lhr_c_benefits4a .tbdcbContent { text-align: center; } #tbdcbc_lhr_c_benefits4 .tbdcbContent { text-align: center; } #tbdcbc_lhr_c_benefits4 .tbdcbContent .greenbtn2 { left: -253px; position: relative; top: 284px; } .tbdcbc_lhr_c_benefits3b { height: 400px; padding: 40px 40px 0 40px; border-top: 1px solid #ccc; } .tbdcbc_lhr_c_benefits3b .tbdcbContent { text-align: center; width: 350px; margin: 110px 0 0 310px; } #tbdcbc_lhr_c_benefits_fda { padding: 40px 0 0; text-align: center; height: 443px; } #tbdcbc_lhr_c_benefits_fda .bodycopy { background: url("../../../images/2013/ca/global/QuoteMarks_HRL.png") no-repeat scroll 375px 27px transparent; } #tbdcbc_lhr_c_benefits_fda .bodycopy { padding: 42px 35px 0 440px; text-align: left; } #tbdcbc_lhr_c_benefits_fda .bodycopy h2 { color: #707070; font-family: Georgia, Arial, sans-serif; font-size: 23px; line-height: 29px; margin-bottom: 15px; } #tbdcbc_lhr_c_benefits_fda .tbdcbImage { position: relative; margin-top: -169px; } #bc_lhr_c_whytria_feature8 { margin-left: 295px; margin-top: -125px; position: absolute; width: 489px !important; } #bc_lhr_c_whytria_feature8 .imageURL { float: right !important; margin-right: 40px !important; width: 285px !important; } #bc_lhr_c_whytria_feature8 .imageURL .link { padding-top: 3px; } #bc_lhr_c_whytria_feature8 .imageURL img { float: left; margin-right: 10px; } #tbdcbc_lhr_c_benefits5 { border-bottom: medium none; padding: 40px 0 60px; } #pdf_slots .tbdcbc_lhr_c_benefits5 .tbdcbContent { float: left; margin-left: 60px; padding-top: 75px; text-align: center; width: 500px; } #second_select .result2 .bodycopy { line-height: 17px; } #pdf_slots .tbdcbc_lhr_c_benefits5 .tbdcbImage { float: right; width: 342px; } #tbdcbc_lhr_c_4x_whytria_feature7 { height: 520px; } #tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbImage { margin-top: 0px; } #bc_lhr_c_month1 .comparative { width: 350px; padding-top: 20px; } #tbdcbc_lhr_c_benefits5 .bodycopy { padding-bottom: 20px; } #floating_top { bottom: 0; display: block; height: 40px; position: absolute; right: -20px; z-index: 1000; display: none; } .scrollup { width: 40px; height: 40px; position: fixed; right: 144px; bottom: 0px; display: none; background: url('../../../images/2013/us/LHR/arrowup.png') 0 0px no-repeat; } a.top { display: inline-block; background: url('../../../images/2013/us/LHR/arrowup.png') 0 0px no-repeat; float: right; height: 40px; width: 40px; } .tbmcc_lhr_c_eliminate_root_problem { width: 980px; margin-bottom: 95px; margin-top: 10px; } /* Firefox 3.6+ */ @-moz-document url-prefix() { .tbmcc_lhr_c_eliminate_root_problem { margin-top: 10px; } } .tbmcc_lhr_c_eliminate_root_problem .column1 { float: left; padding: 0 25px 30px 40px; } .tbmcc_lhr_c_eliminate_root_problem .column2 { float: left; padding: 0 30px 30px; } .tbmcc_lhr_c_eliminate_root_problem .column3 { float: left; padding: 0 25px 30px; } #p_lhr_c_benefits_folicile .content { padding: 40px 40px 0; text-align: center; } .tbmcc_lhr_c_eliminate_root_problem .content { width: 262px; } #tbdcbc_lhr_c_benefits_fda .tbdcbContent { padding: 0px 40px 0px; } .tbmcc_lhr_c_eliminate_root_problem .column2 .column_text { padding: 0px; } .tbmcc_lhr_c_eliminate_root_problem .column1 .content { padding-top: 325px; position: absolute; } .tbmcc_lhr_c_eliminate_root_problem .column2 .content { padding-top: 325px; position: absolute; } .tbmcc_lhr_c_eliminate_root_problem .column3 .content { padding-top: 325px; position: absolute; } #tbdcbc_lhr_c_benefits4 .bodycopy {} #bc_lhr_c_whytria_feature8_flyout { background: url("../../../images/2013/us/products/laser/HRL-PDF_01_graphic-only.png") no-repeat scroll 0 0 transparent; height: 142px; left: 135px; padding: 25px; position: absolute; top: -192px; width: 356px; } #bc_lhr_c_whytria_feature8_flyout h3 { color: #232323; font-size: 12px; font-weight: bold; margin-bottom: 0; } #bc_lhr_c_whytria_feature8_flyout p { font-size: 12px; width: 296px; line-height: 17px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse1 .tbdcbImage { float: left; margin-left: 40px; width: 235px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse1 .tbdcbContent { float: right; padding: 40px; text-align: left; width: 435px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse1 .tbdcbContent .bodycopy { font-size: 30px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 { position: relative; height: 840px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .headline h2 { color: #232323; left: 40px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .subHeader { position: absolute; top: 148px; left: 40px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .subHeader h2 { color: #2BC098; font-size: 30px; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .bodycopy { position: absolute; top: 178px; left: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_1 { left: 470px; position: absolute; top: 280px; width: 402px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_2 .subHeader h2 { margin-bottom: 15px; line-height: 30px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_2 { position: absolute; top: 564px; left: 0px; width: 400px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_1 .bodycopy, #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_2 .bodycopy { top: 215px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse2 .tbdcbContent .stepcopy_2 .videoLink { top: 310px; text-align: left; left: 40px; position: absolute; } #contentP .subproduct_page_item .bc_hrlp_easy_insts { border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 40px; width: 330px; } #contentP .subproduct_page_item .bc_hrlp_easy_faqs { border-bottom: 1px solid #DCDCDC !important; float: left; padding: 0 0 40px; width: 335px; } #contentP .subproduct_page_item .bc_hrlp_easy_guide .imageURL { float: right; width: 280px; } #contentP .subproduct_page_item .bc_hrlp_easy_insts .imageURL { margin-left: 40px; width: 278px; } #contentP .subproduct_page_item .bc_hrlp_easy_faqs .imageURL { margin-left: 20px; width: 278px; } #contentP .subproduct_page_item .bc_hrlp_easy_guide .imageURL .link, #contentP .subproduct_page_item .bc_hrlp_easy_insts .imageURL .link, #contentP .subproduct_page_item .bc_hrlp_easy_faqs .imageURL .link { padding-top: 3px; } #contentP .subproduct_page_item .bc_hrlp_easy_guide .imageURL img, #contentP .subproduct_page_item .bc_hrlp_easy_insts .imageURL img, #contentP .subproduct_page_item .bc_hrlp_easy_faqs .imageURL img { float: left; margin-right: 10px; } #contentP .subproduct_page_item .bc_hrlp_easy_docs { text-align: center; padding-bottom: 30px; } #contentP .subproduct_page_item .tbmcc_hrlp_easy .content { background: url("../../../images/2013/us/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } #contentP .subproduct_page_item .tbmcc_hrlp_easy .column_text .content { padding: 28px 40px 5px 65px; } #contentP .subproduct_page_item .tbmcc_hrlp_easy .column_text .content #real_head1 { color: #707070; font-family: Georgia, Arial, sans-serif; line-height: 29px; } #contentP .subproduct_page_item .tbmcc_hrlp_easy .column_text .content { width: 520px; } #contentP .subproduct_page_item .bc_hrlp_easy_guide { border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 40px; width: 313px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse8 { padding: 0 40px 60px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse8 .disclaimer { font-size: 10px; position: absolute; margin-top: 50px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse8 .tbdcbContent { float: right; width: 624px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse8 .tbdcbContent .subHeader h2 { font-family: Arial !important; font-size: 12px; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_hrlp_easyToUse8 .tbdcbContent .bodycopy p { font-family: Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; } #contentP .subproduct_page_item.tbdcbc_hrlp_easyToUse8 .tbdcbImage { float: left; margin-right: 40px; width: 235px; } #contentP .subproduct_page_item #p_hrlp_easy_para.newspdpslot7 .content { color: #232323; font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } /* HRL Cat page styles */ .cat_promo_box { margin: 0 40px; } .cat_promo_box img { float: left; width: 400px; } .cat_promo_box_text { float: left; width: 450px; margin-left: 40px; } .hr_cat { width: 900px !important; margin: 0 40px; } .cell_left { border-bottom: 1px solid #ccc; width: 33%; border-right: 1px solid #ccc; vertical-align: middle; padding-left: 10px; } .cell_center { border-bottom: 1px solid #ccc; width: 33%; text-align: center; } .cell_right { border-bottom: 1px solid #ccc; width: 33%; border-left: 1px solid #ccc; text-align: center; } .padme { padding: 25px 0; } .padme2 { padding: 20px; } .message_right { padding: 281px 0 0 135px; color: #fff !important; width: 305px; text-align: left; } .message_left { padding: 281px 0 0 30px; color: #fff !important; width: 330px; text-align: right; } .main_cat_image { height: 464px; background: url('../../../images/2013/us/hrlp/HRL_CatPage_980x465.jpg') top left no-repeat; } .no_bborder { border-bottom: none; } .compare_table { width: 800px; margin: 0 40px 40px 40px; } .table_title { text-align: center; padding-top: 50px; } .table_outline { /* background:url('../../../images/2013/us/hrlp/comparison-chart_bg_900x1500.png') top left no-repeat; */ border: solid 0px grey; width: 901px; margin-left: 40px; height: 1500px; } /* HRL Cat page styles end */ .hr9 { margin: 10px 0; } .hr10 { margin: 10px 0; } .cat_click_l { width: 49%; cursor: pointer; height: 462px; float: left; color: #fff; text-align: left; } .cat_click_r { width: 50%; cursor: pointer; z-index: 1000; height: 462px; float: right; color: #fff; text-align: right; } .shop_why_tria_p { position: absolute !important; margin: 618px 0 0 -469px; } .cartbtn { padding: 0 11px; display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#20b88f 60%, #178d6d); background: -webkit-linear-gradient(#20b88f 60%, #178d6d); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#20b88f', endColorstr='#178d6d', GradientType=0); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff !important; cursor: pointer; font-size: 13px; height: 35px; letter-spacing: 1px; line-height: 35px; zoom: 1; } .cartbtn:hover { background: linear-gradient(#178d6d 40%, #20b88f); background: -webkit-linear-gradient(#178d6d 40%, #20b88f); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#178d6d', endColorstr='#20b88f', GradientType=0); /*For IE7-8-9*/ color: #fff; } /* Styles for hrlp hopup start - Suresh Villuri */ #buynow_hopup_hrlp { width: 510px; height: 560px; padding: 25px; -moz-box-shadow: 0px 1px 2px 2px #999; -webkit-box-shadow: 0px 1px 2px 2px #999; box-shadow: 0px 1px 2px 2px #999; display: none; position: fixed; top: 25px; left: 100px; z-index: 1003; background-color: #fff; } #buynow_hopup_hrlp_close { position: absolute; right: -25px; top: -25px; } .hrl_product { float: left; width: 40%; margin-right: 5%; } .hrl_product a { display: inline-block; } #buynow_product_hrlp { height: auto; display: block; margin-bottom: 5%; } .hrl_product p { text-align: center; } .hrl_product img { display: block; max-width: 100%; } .hrl_product .hrlp_divider { margin: 9% 0; border-top: 1px solid #DDDDDD; } .hrl_product h5 { margin-bottom: 5%; } .hrl_product .easypayMessage .easypayRight img { display: inline; } .hrl_divider { float: left; width: 5%; max-width: 100%; margin-top: 3em; } .hrl_product .hrlp_divider2 { margin: 59% 0 12% 0; border-top: 1px solid #DDDDDD; } #hrlpMod5 { padding: 40px 40px 60px 40px; } #hrlpMod5 .hrlp_video { float: left; width: 430px; } #hrlpMod5 .prescMod5Text { float: right; width: 445px; margin-top: 58px; } #color_swatch_liquid { height: 57px; } #color_swatch_liquid2 { height: 84px; } /* Styles for hrlp hopup end - Suresh Villuri */ /* Styles for hrlp hopup start - Hanumanth */ #buynow_hopup_hrlPproduct { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; height: 560px; padding: 25px; position: fixed; top: 25px; width: 510px; z-index: 1003; } .buynow_Pheader { color: #232323; font-size: 23px; margin-left: 70px; } #buynow_hopup_hrlPproduct_close { position: absolute; margin: -14px 0 0 507px; } .hrl_Pproduct { float: center; width: 40%; margin-right: 5%; } #buynow_product_hrlPproduct { margin: 25px 0 20px; width: 230px; height: 230px; } .hrl_Pproduct p { text-align: center; } .hrl_Pproduct img { display: block; max-width: 100%; } .hrl_Pproduct .hrlp_divider { margin: 1.5em 0; border-top: 1px solid #DDDDDD; } .hrl_Pproduct h5 { margin-bottom: 5%; } .hrl_Pproduct .easypayMessage .easypayRight img { display: inline; } .hrl_Pproduct { float: left; width: 5%; max-width: 100%; margin-top: 3em; } .hrl_Pproduct .hrlPp_divider2 { margin: 42% 0 1.5em 0; border-top: 1px solid #DDDDDD; } /* Styles for hrlp hopup end - Hanumanth */ /* #tmpSlide-1 .leftCalloutBanner1 div p{ color: #FFFFFF !important; } */ #tmpSlide-1 .leftCalloutBanner1 .greybtn a { background: #20b88f !important; background: linear-gradient(#11b98e, #0b9371) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } #tmpSlide-1 .leftCalloutBanner1 .greybtn a:hover { background: linear-gradient(#13AD83, #147E61) repeat scroll 0 0 transparent; background-image: -webkit-linear-gradient(#13AD83, #147E61); background-image: -moz-linear-gradient(#13AD83, #147E61); background-image: -o-linear-gradient(#13AD83, #147E61); } #tmpSlide-3 .leftCalloutBanner1 .greybtn a { background: #2ba4d8 !important; background: linear-gradient(#2aa3e0, #1e7eab) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } #tmpSlide-2 .leftCalloutBanner1 .greybtn a:hover { background: linear-gradient(#1e7eab, #1077A6) repeat scroll 0 0 transparent; background-image: -webkit-linear-gradient(#1e7eab, #1077A6); background-image: -moz-linear-gradient(#1e7eab, #1077A6); background-image: -o-linear-gradient(#1e7eab, #1077A6); } #tmpSlide-5 .leftCalloutBanner1 .greybtn a { background: #585858 !important; background: linear-gradient(#585858, #424141) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } #tmpSlide-3 .leftCalloutBanner1 .greybtn a:hover { background: linear-gradient(#424141, #4C4A4A) repeat scroll 0 0 transparent; background-image: -webkit-linear-gradient(#424141, #4C4A4A); background-image: -moz-linear-gradient(#424141, #4C4A4A); background-image: -o-linear-gradient(#424141, #4C4A4A); } .flagHopup { position: absolute; top: 0px; left: 0px; } .ghost_click { float: left; width: 400px; height: 320px; position: absolute; margin: -75px 0 0 -400px; cursor: pointer; } #MyLiveChatContainer {} /* Productpage Marketing box image hopup */ .pPageMarketing_Hopup { width: 700px; height: 370px; padding: 40px; -moz-box-shadow: 0px 1px 2px 2px #999; -webkit-box-shadow: 0px 1px 2px 2px #999; box-shadow: 0px 1px 2px 2px #999; position: fixed; top: 25%; left: 30%; z-index: 3003; background-color: #fff; font-size: 12px !important; } .close_Product_Hopup { position: absolute; right: -5px; top: 10px; background: url("../../../images/2013/us/global/close_reg.png") no-repeat; width: 30px; } .close_Product_Hopup:hover { background: url("../../../images/2013/us/global/close_hover.png") no-repeat; width: 30px; } .pPageMarketing_Image { float: left; width: 325px; } .pPageMarketing_Content { float: right; margin-right: 70px; padding-top: 55px; text-align: center; width: 300px; } .pPageMarketing_Content_Image { margin-top: -68px; margin-left: 5px; } .pPageMarketing_Content p { color: #646464; text-align: center; font-size: 14px; } .pPageMarketing_Content_Desc { float: left; font-size: 11px; line-height: 15px; margin-top: 20px; width: 710px; } .pPageMarketing_Content .barLine { position: absolute; margin-top: 38px; margin-left: -134px; } .pPageMarketing_Content .leftText { position: absolute; margin-left: -226px; margin-top: 35px; } .pPageMarketing_Content .rightText { position: absolute; margin-top: 34px; margin-left: -120px; } /********* End ******/ /* Topical Hop up starts */ /** ie 10 starts */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ .pPageMarketing_Content p { width: 336px; } .pPageMarketing_Content .leftText { margin-left: -233px; } .pPageMarketing_Content .rightText { margin-left: -128px; } .pPageMarketing_Content .barLine { margin-left: -140px; } } /** ie 10 ends */ /* IE9 */ :root .pPageMarketing_Content p { width: 336px \0/IE9; width: 376px; margin-left: -18px; margin-top: -12px; } :root .pPageMarketing_Content .leftText { margin-left: -233px \0/IE9; } :root .pPageMarketing_Content .rightText { margin-left: -128px \0/IE9; } :root .pPageMarketing_Content .barLine { margin-left: -140px \0/IE9; } /* IE9 end*/ .topicalHopup { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: -92px; left: 0px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; } .topicalsHopupDiv_top { text-align: center; } #topicalsHopupDiv_product { margin: 25px 0 20px; width: 230px; height: 230px; } .topicalsHopupDiv_div_header { color: #232323; font-size: 24px; } #topicalHopup_close { margin: 0; position: absolute; right: 0px; top: 0px; padding-right: 10px; padding-top: 10px; z-index: 9; } .topicalHopup_img_panel { width: 120px; padding-right: 30px; float: left; position: relative; height: 150px; color: #000000; } .topicalHopup_img_panel a { position: absolute; bottom: -2px; left: 20px; color: #000000; } .content_topicalHopup_panel { width: 290px; text-align: left; float: right; color: #000000; } .content_topicalHopup_panel h3 { font-size: 15px; line-height: auto; color: #232323; margin-top: -20px; } .f12 { font-size: 12px !important; } .cat_product { position: relative; } .quick-view { z-index: 2; display: block; cursor: pointer; text-align: center; position: absolute; top: 50px; left: 50%; margin-left: -50px; padding: 3px 0px; width: 100px !important; font-size: 12px; color: #fff; opacity: .65; background: url("../../../images/2013/ca/global/link_arrow_white.png") no-repeat 87px 8px #707070; } .readmore2 { color: #0088cc; padding-right: 8px; background: url("../../../images/2013/ca/global/blue_arrow_hopup.gif") no-repeat right 5px; } a.readmore2, a.readmore2:hover { color: #0088cc; font-size: 12px; text-transform: lowercase; font-family: arial, sans-serif; } .hopUpDiscountMessage { font-size: 13px !important; font-weight: normal; font-style: italic; color: #F06EAA; padding-left: 17px; } .close_Hopup { position: absolute; right: -5px; top: 10px; background: url("../../../images/2013/ca/global/close_reg.png") no-repeat; width: 30px; } .close_Hopup:hover { background: url("../../../images/2013/ca/global/close_hover.png") no-repeat; width: 30px; } .topicalHopup input[type=radio] { position: relative; top: .0em; } #quickhopup_reviews { padding-right: 30px; width: 120px; } .quickReviews { font-size: 12px; color: #646464; } .content_topicalHopup_panel p { font-size: 12px; line-height: 16px; } .topicalHopup_right { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: -92px; right: 0px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; } /* Topical hop up ends */ /* Styles for SRL product page start */ #srl_flip, #srlp_flip { padding: 40px 40px 60px 40px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } #srl_flip {} #srl_flip .flip_image_left .thumb img { width: 100%; height: 100%; position: absolute; display: block; float: left; } #srl_flip .flip_image_left .thumb .thumb-detail { display: block; width: 100%; height: 100%; position: absolute; font-family: arial; font-weight: bold; font-size: 12px; float: left; } #srl_slider, #tech_module { padding: 40px; height: 474px; border-bottom: 1px solid #dcdcdc; } #srlp_slider { padding: 40px; height: 474px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } #srl_flip .flip_image_left, #srlp_flip .flip_image_left { float: left; width: 434px; margin-right: 27px; } #srl_flip .flip_content_right, #srlp_flip .flip_content_right { float: right; width: 430px; } .thumb { display: block; width: 213px; float: left; height: 165px; position: relative; margin-right: 3px; margin-bottom: 3px; } #spbl_flip .thumb { display: block; float: left; height: 290px; margin-bottom: 3px; margin-left: 0px; margin-right: 20px; position: relative; width: 289px; } .thumb-wrapper { display: block; width: 100%; height: 100%; } .thumb img { width: 100%; height: 100%; position: absolute; display: block; float: left; } .thumb .thumb-detail { display: block; width: 100%; height: 100%; position: absolute; font-family: arial; font-weight: bold; font-size: 12px; float: left; /*margin-top:-14px;*/ } .thumb-detail p { padding: 10px; color: #ffffff; } /* * Without CSS3 */ .thumb.scroll { overflow: hidden; } .thumb.scroll .thumb-detail { bottom: -292px; } /* * CSS3 Flip */ .thumb.flip { -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; perspective: 800px; } .thumb.flip .thumb-wrapper { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -moz-transform 1s; -o-transition: -moz-transform 1s; transition: -moz-transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .thumb.flip .thumb-detail { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .thumb.flip img, .thumb.flip .thumb-detail { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .thumb.flip .flipIt { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } #gall-list-example li { list-style: none; padding: 0; display: block; } #srl_flip .flip_image_left .flip_img_right, #srl_flip .flip_image_right .flip_img_right_over, #srlp_flip .flip_image_left .flip_img_right, #srlp_flip .flip_image_right .flip_img_right_over { width: 213px; float: right; } #srl_flip .flip_image_left .flip_img_left_over, #srl_flip .flip_image_right .flip_img_right_over, #srlp_flip .flip_image_left .flip_img_left_over, #srlp_flip .flip_image_right .flip_img_right_over { position: relative; } #srl_flip .flip_image_left .flip_img_right .shadow_buttons, #srlp_flip .flip_image_left .flip_img_right .shadow_buttons { padding: 5px } #why_srlp_mod1 .mod1-content h2 { margin-bottom: 30px; } #srl_flip .flip_content_right h2, #why_srl_mod1 .mod1-content h2, #why_srlp_mod1 .mod1-content h2, #srlp_flip .flip_content_right h2 #why_srl_mod2 .mod2-content-right h2, #why_srlp_mod2 .mod2-content-right h2, #why_srl_mod3 h2, #why_srl_mod5 h2, #why_srlp_mod5 h2 #why_srl_mod6 h2, #why_srl_mod4 h2, #srl_easytouse_mod3 .noslide_content h2, #srlp_easytouse_mod3 .noslide_content h2, #srl_easytouse_mod4 h2 { text-transform: none; line-height: 38px; font-size: 38px; } #srl_easytouse_mod3 .noslide_content h2, #srlp_easytouse_mod3 .noslide_content h2, #srl_easytouse_mod4 h2 { margin-bottom: 37px; } #spbl_easytouse_mod3 .noslide_content h2 { text-transform: none; line-height: 38px; font-size: 38px; position: relative; padding-bottom: 30px; } #srl_flip .flip_content_right, #srlp_flip .flip_content_right { margin-top: 100px; text-align: center; } #shadow_button3 { margin-right: 0 !important; } #shadow_block_buttons { width: 376px; margin: 0 auto; } #srl_flip .flip_content_right .shadow_buttons, #srlp_flip .flip_content_right .shadow_buttons { width: 115px; height: 80px; box-shadow: 0 0 6px #eaeaea; -moz-box-shadow: 0 0 6px #eaeaea; -webkit-box-shadow: 0 0 6px #eaeaea; -ms-box-shadow: 0 0 6px #eaeaea; position: relative; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; margin-bottom: 15px; background: linear-gradient(#ffffff 30%, #e3e3e3); background: -webkit-linear-gradient(#ffffff 30%, #e3e3e3); background: -ms-linear-gradient(#ffffff 30%, #e3e3e3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#e3e3e3'); cursor: pointer; dispaly: block; float: left; margin-right: 15px; /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#20b88f', endColorstr='#178d6d',GradientType=0);/*For IE7-8-9*/ /*height: 1%;/*For IE7*/ } #srl_flip .flip_content_right .shadow_buttons img, #srlp_flip .flip_content_right .shadow_buttons img { position: absolute; top: 6px; left: 42px; } #srl_flip .flip_content_right .shadow_buttons p, #srlp_flip .flip_content_right .shadow_buttons p { position: absolute; top: 36px; left: 0px; font-size: 13px; padding-top: 5px; text-align: center; width: 115px; } #srl_flip .flip_content_right .shadow_buttons p span, #srlp_flip .flip_content_right .shadow_buttons p span { font-family: Georgia, arial, sans-serif; font-style: italic; font-weight: bold; } #srl_flip .flip_content_right .shadow_buttons:hover, #srlp_flip .flip_content_right .shadow_buttons:hover { box-shadow: 0 0 6px #999999; -moz-box-shadow: 0 0 6px #999999; -webkit-box-shadow: 0 0 6px #999999; -ms-box-shadow: 0 0 6px #eaeaea; background: linear-gradient(#ffffff 30%, #dadada); background: -ms-linear-gradient(#ffffff 30%, #e3e3e3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dadada'); } .flip_button_on { box-shadow: 0 0 6px #999999 !important; -moz-box-shadow: 0 0 6px #999999 !important; -webkit-box-shadow: 0 0 6px #999999 !important; -ms-box-shadow: 0 0 6px #eaeaea !important; background: linear-gradient(#ffffff 30%, #dadada); background: -ms-linear-gradient(#ffffff 30%, #e3e3e3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dadada'); } .horizontal-flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } #srl_slider .slider_text, #srlp_slider .slider_text { width: 395px; float: left; } #srl_slider .slider_text h2, #crosssell_module .crossell_content h2 { text-transform: none; line-height: 38px; margin-bottom: 20px; font-size: 38px; } #srlp_slider .slider_text h2 { text-transform: none; line-height: 38px; margin-bottom: 20px; font-size: 38px; margin-left: -10px; } #slider_gallery { float: right; width: 425px; } #srl_slider .slider_text *, #srlp_slider .slider_text * { text-align: center; } #srlp_slider .slider_text p { margin-bottom: 30px; } #srl_slider .slider_text .image1_text, #srlp_slider .slider_text .image1_text { margin-top: 45px; margin-bottom: 25px; height: 120px; overflow: hidden; } #srl_slider .slider_text .image1_text h3, #srlp_slider .slider_text .image1_text h3 { font-weight: bold; margin-bottom: 5px; } #srl_slider .slider_text .image1_text .percentile_block, #srlp_slider .slider_text .image1_text .percentile_block { width: 350px; margin: 0 auto; margin: 15px 0; } #srl_slider .slider_text .image1_text .percentile_block img, #srlp_slider .slider_text .image1_text .percentile_block img { display: block; width: 93px; margin-right: 10px; float: left; } #srl_slider .slider_text .image1_text .percentile_block .percentile_copy, #srlp_slider .slider_text .image1_text .percentile_block .percentile_copy { float: left; margin-bottom: 15px; } #slider_gallery .image_slide { width: 429px; float: right; } #slider_gallery .image_slide img { margin: 0; padding: 0; display: block; } #srl_slider .slider_text .image_thumbs, #srlp_slider .slider_text .image_thumbs { width: 217px; margin: 0 auto !important; } #thumb-3 { margin-right: 0px !important; } #srl_slider .slider_text .image_thumbs .slider_thumbs, #srlp_slider .slider_text .image_thumbs .slider_thumbs { width: 65px; float: left; margin-right: 10px; padding: 5px 0; } .slider_thumbs { box-shadow: 0 0 6px #eaeaea; -moz-box-shadow: 0 0 6px #eaeaea; -webkit-box-shadow: 0 0 6px #eaeaea; -ms-box-shadow: 0 0 6px #eaeaea; position: relative; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; margin-bottom: 10px; background: linear-gradient(#ffffff 30%, #e3e3e3); background: -webkit-linear-gradient(#ffffff 30%, #e3e3e3); background: -ms-linear-gradient(#ffffff 30%, #e3e3e3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#e3e3e3'); cursor: pointer; display: block; } .slider_thumbs:hover { box-shadow: 0 0 6px #999999; -moz-box-shadow: 0 0 6px #999999; -webkit-box-shadow: 0 0 6px #999999; -ms-box-shadow: 0 0 6px #eaeaea; background: linear-gradient(#ffffff 30%, #dadada); background: -ms-linear-gradient(#ffffff 30%, #e3e3e3); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dadada'); } #product_info .pricing_left { float: left; width: 172px; } #product_info .pricing_right { float: right; width: 210px; position: relative; } #product_info .pricing_right .srlkit_flyer { left: -135px; position: absolute; top: -200px; z-index: 3000; display: none; } #srl_flyer2 { left: -140px !important; position: absolute; top: -130px !important; } .cartbtnpurp { padding: 0 11px; display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#b456a7 60%, #8f3a83); background: -webkit-linear-gradient(#b456a7 60%, #8f3a83); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b456a7', endColorstr='#8f3a83', GradientType=0); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff !important; cursor: pointer; font-size: 13px; height: 35px; letter-spacing: 1px; line-height: 35px; zoom: 1; } .cartbtnpurp:hover { background: linear-gradient(#b456a7 40%, #8f3a83); background: -webkit-linear-gradient(#b456a7 40%, #8f3a83); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b456a7', endColorstr='#8f3a83', GradientType=0); /*For IE7-8-9*/ color: #fff; } .cartbtnpurpPanel { padding: 0 11px; display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#c248b1 60%, #9d2f8d); background: -webkit-linear-gradient(#c248b1 60%, #9d2f8d); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c248b1', endColorstr='#9d2f8d', GradientType=0); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff !important; cursor: pointer; font-size: 13px; height: 35px; letter-spacing: 1px; line-height: 35px; zoom: 1; } .cartbtnpurpPanel:hover { background: linear-gradient(#df73bf 40%, #b14b93); background: -webkit-linear-gradient(#df73bf 40%, #b14b93); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#df73bf', endColorstr='#b14b93', GradientType=0); /*For IE7-8-9*/ color: #fff; } .cartbtnpurpPanel1 { padding: 0 11px; display: inline-block; font-weight: bold; text-transform: uppercase; background: linear-gradient(#C248B1 60%, #9D2F8D); background: -webkit-linear-gradient(#C248B1 60%, #9D2F8D); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#C248B1 ', endColorstr='#9D2F8D', GradientType=0); /*For IE7-8-9*/ height: 1%; /*For IE7*/ border: none; color: #ffffff !important; cursor: pointer; font-size: 13px; height: 35px; letter-spacing: 1px; line-height: 35px; zoom: 1; } .cartbtnpurpPanel1:hover { background: linear-gradient(#B049A2 40%, #892E7B); background: -webkit-linear-gradient(#B049A2 40%, #892E7B); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B049A2', endColorstr='#892E7B', GradientType=0); /*For IE7-8-9*/ color: #fff; } #srl_flyer_close, #srl_flyer_close2 { position: absolute; top: -5px; right: -5px; } #tech_module { background: url('../../../images/2013/us/SRL/product/tech-mod_03_bg.jpg') no-repeat; zoom: 1; height: 550px; } #scientist_module, #warranty_module { padding: 40px 40px 0px 40px; border-bottom: 1px solid #dcdcdc; } #derm_magazine_module { padding: 40px 40px 0px 0px; border-bottom: 1px solid #dcdcdc; } #scientist_module .left { width: 337px; float: left; height: 448px; } #scientist_module .right { width: 554px; float: right; padding-top: 30px; } #scientist_module .right h2, #derm_magazine_module .magazine_text h2, #warranty_module .warranty_left h2 { font-size: 38px; line-height: 38px; padding-left: 67px; } #scientist_module .right .quote { color: #707070; font-family: Georgia, Arial, sans-serif; font-size: 23px; line-height: 29px; background: url("../../../images/2013/us/global/QuoteMarks_SRL.png") no-repeat; padding-left: 67px; padding-top: 33px; margin: 20px 0; } #scientist_module .right .derm_pdf, #why_srl_mod5 .mod5_fda_text .derm_pdf { background: url("../../../images/2013/us/global/PDF_Download_Graphic.jpg") no-repeat left top; margin-left: 67px; height: 40px; padding-left: 43px; padding-top: 1px; margin-top: 30px; } #scientist_module_srlp { padding: 40px 40px 0px 40px; } #scientist_module_srlp .left { width: 554px; height: 370px; float: left; padding-top: 30px; } #scientist_module_srlp .right { width: 340px; float: right; height: 430px; margin-top: -29px; } #scientist_module_srlp .left h2 { margin-left: 45px; font-size: 38px; line-height: 38px; } #scientist_module_srlp .left .quote { color: #707070; font-family: Georgia, Arial, sans-serif; font-size: 19px; line-height: 29px; background: url("../../../images/2013/us/global/QuoteMarks_SRL.png") no-repeat; padding-left: 67px; padding-top: 33px; margin: 20px -20px; } #scientist_module_srlp .derm_name { font-size: 12px; font-weight: bold; color: #232323; } #derm_magazine_module .magazine_text { width: 575px; float: right; } #derm_magazine_module .magazine_text h2 { padding-left: 0; margin-bottom: 20px; } #derm_magazine_module .magazine_image { padding-bottom: 10px; float: left; } #warranty_module .warranty_left { width: 545px; float: left; text-align: center; margin-top: 15px; } #warranty_module .warranty_right { float: right; width: 235px; margin-right: 80px; } #warranty_module .warranty_right p { margin-bottom: 15px; } #warranty_module { border-bottom: 0; } #tech_module { height: 550px; padding: 0px 60px 0px 40px; padding: 0px 60px 0px 0px; } #tech_module .tech_img { float: left; width: 520px; } #tech_module .tech_right { float: right; width: 350px; padding-top: 170px; } #tech_module .tech_right h2 { font-size: 38px; margin-bottom: 20px; letter-spacing: 2px; } /* buy now hopup styles start */ #srl_buynow_hopup, #srlp_buynow_hopup { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; -moz-box-shadow: 0 1px 2px 2px #999999; -webkit-box-shadow: 0 1px 2px 2px #999999; -ms-box-shadow: 0 1px 2px 2px #999999; padding: 25px; position: fixed; top: 25px; width: 510px; z-index: 1003; text-align: left; } #srl_buynow_hopup .srl_buynow_bottom, #srlp_buynow_hopup .srl_buynow_bottom { padding: 20px; border-top: 1px solid #dcdcdc; text-align: left; } #srl_buynow_hopup .srl_buynow_bottom .buynow_left_product, #srlp_buynow_hopup .srl_buynow_bottom .buynow_left_product { width: 180px; float: left; } #srl_buynow_hopup .srl_buynow_bottom .buynow_left_product .crossSell_hopup, #srlp_buynow_hopup .srl_buynow_bottom .buynow_left_product .crossSell_hopup { height: 40px; } #srl_buynow_hopup .srl_buynow_bottom .buynow_right_product, #srlp_buynow_hopup .srl_buynow_bottom .buynow_right_product { width: 220px; float: right; } #product_image_div {} #product_flag { position: absolute; left: -1px; top: -1px; } /* buy now hopup styles end */ #shadow_button3 img { left: 33px !important; } /* Styles for SRL product page end */ /* styles for srl product sub pages start */ #why_srl_mod1 { background: url('../../../images/2013/us/SRL/02_WhyTriaLaser/Mod-01/Realuser_SlideShow_BeautyShot.jpg') no-repeat 0 0; height: 650px; border-bottom: 1px solid #dcdcdc; } #why_srlp_mod1 { background: url('../../../images/2013/us/SRLP/02_WhyTriaLaser/Mod-01/Realuser_SlideShow_BeautyShot.jpg') no-repeat 0 0; height: 650px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod1 .mod1-content, #why_srlp_mod1 .mod1-content { width: 430px; float: right; margin: 40px 40px 0px 0px; } #why_srl_mod1 p, #why_srlp_mod1 p, #why_srl_mod2 p, #why_srlp_mod2 p, #why_srl_mod4 p, #why_srl_mod6 p { margin-bottom: 20px; } #why_srl_mod2, #why_srl_mod5, #why_srl_mod4, #why_srlp_mod2, #why_srlp_mod5 { padding: 40px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod2 .mod2-content-left, #why_srlp_mod2 .mod2-content-left, #why_srl_mod4 .mod4-content-left { width: 430px; float: left; } #why_srl_mod2 .mod2-content-right, #why_srlp_mod2 .mod2-content-right, #why_srl_mod4 .mod4-content-right { width: 430px; float: right; margin-top: 2px; } #srlp_mod2 { height: 495px; padding: 25px 55px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod3 { background: url('../../../images/2013/us/SRL/02_WhyTriaLaser/Mod-02/WhyTria_Mod02_Background.jpg') no-repeat 0 0; height: 414px; padding: 25px 55px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod3 h2, #srlp_mod2 h2 { text-align: center; padding-bottom: 27px; line-height: 38px; } #srlp_mod2 h2 { font-size: 38px; } #why_srl_mod3 .mod3_column, #why_srl_mod3 .mod3_column_last, #srlp_mod2 .mod3_column, #srlp_mod2 .mod3_column_last { float: left; width: 263px; margin-right: 40px; } #why_srl_mod3 .mod3_column img, #why_srl_mod3 .mod3_column_last img, #srlp_mod2 .mod3_column img, #srlp_mod2 .mod3_column_last img { display: block; margin-bottom: 10px; } #why_srl_mod3 .mod3_column h3, #why_srl_mod3 .mod3_column_last h3, #srlp_mod2 .mod3_column h3, #srlp_mod2 .mod3_column_last h3 { font-size: 16px; text-align: center; } #why_srl_mod3 .mod3_column p, #why_srl_mod3 .mod3_column_last p, #srlp_mod2 .mod3_column p, #srlp_mod2 .mod3_column_last p { text-align: center; font-size: 12px; line-height: 15px; } #why_srl_mod3 .mod3_column_last, #srlp_mod2 .mod3_column_last { float: right; margin-right: 0px; } #why_srl_mod5 .mod5_fda_img, #why_srlp_mod5 .mod5_fda_img { width: 585px; height: 400px; float: right; } #why_srl_mod5 .mod5_fda_text { width: 285px; float: left; margin-top: 72px; } #why_srlp_mod5 .mod5_fda_text { width: 310px; float: left; margin-top: 72px; } #why_srl_mod5, #why_srl_mod6, #why_srlp_mod5 { padding: 0px 0px 0px 40px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod5 .mod5_fda_text .derm_pdf { margin: 20px 0px 0px 0px; } #why_srl_mod5 .mod5_fda_text .derm_pdf p { font-size: 12px; color: #232323; font-weight: bold; } .derm_pdf p { background: url("../../../images/2013/us/landingpages/link_arrow.png") no-repeat right center; border: medium none !important; color: #232323 !important; display: inline; font-size: 12px; font-weight: bold; height: 12px; line-height: 12px; padding-right: 9px; text-decoration: underline !important; text-transform: uppercase !important; } #why_srl_mod6 { background: url('../../../images/2013/us/SRL/02_WhyTriaLaser/CostComparison-Module.jpg') no-repeat right top; height: 610px; position: relative; padding: 40px 0px 0px 40px; border-bottom: 1px solid #dcdcdc; } #why_srl_mod6 .graphic_text { position: absolute; top: 120px; right: 35px; color: #ffffff; width: 135px; text-align: center; font-size: 12px; line-height: 15px; } #why_srl_mod6 .graphic_text span { text-transform: uppercase; font-weight: bold; } #why_srl_mod6 .compare_chart { margin: 50px 0px 0px 160px; } #compare_chart_table th { color: #232323; font-size: 12px; font-weight: bold; text-align: left; } #compare_chart_table td { font-size: 12px; vertical-align: middle; height: 64px; } #warranty_module .warranty_left h2 { padding-left: 0; } #warranty_module { padding-bottom: 40px; } #warranty_module p { margin-bottom: 20px; } .socialDiv .share { width: 101px; } .socialDiv .share .addthis_toolbox { width: 58px !important; } /* styles for easy to use */ #srl_use_steps h2{font-family: 'ArialMTStd-Light', Arial, sans-serif;} #srl_use_steps { background: url('../../../images/2013/us/SRL/03_EasyToUse/Mod01/Easy_Mod01_background.jpg') no-repeat right top; height: auto; padding: 0px 40px; border-bottom: 1px solid #dcdcdc; } #srlp_use_steps { /*background:url('../../../images/2013/us/SRL/03_EasyToUse/Mod01/Easy_Mod01_background.jpg') no-repeat right top;*/ height: 363px; padding: 0px 40px; border-bottom: 1px solid #dcdcdc; } #srlp_use_steps h2 { text-align: center; padding-top: 27px; line-height: 38px; } #srl_use_steps .column_content { width: 270px; float: left; text-align: center; margin: 20px 14px 0px 14px; } #srlp_use_steps .column_content { width: 272px; float: left; text-align: center; padding: 20px 10px 0px 15px; } #srl_use_steps .column_content h3, #srlp_use_steps .column_content h3 { color: #232323; font-size: 16px; } #srl_use_steps .column_content p, #srlp_use_steps .column_content p { font-size: 12px; } #column1, #column2, #column3 { height: 269px; } #column1 { background: url('../../../images/2013/us/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_01.png') no-repeat center 139px; } #column2 { background: url('../../../images/2013/us/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_02.png') no-repeat center 139px; } #column3 { background: url('../../../images/2013/us/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_03.png') no-repeat center 139px; } #column4, #column5, #column6 { height: 329px; } #column4 { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step1_cleanse.png') no-repeat center 139px; } #column5 { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step2_treat.png') no-repeat center 139px; } #column6 { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step3_nourish.png') no-repeat center 139px; } #column1_srlp, #column2_srlp, #column3_srlp { height: 269px; } #column1_srlp { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step1_cleanse.png') no-repeat center 139px; } #column2_srlp { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step2_treat.png') no-repeat center 139px; } #column3_srlp { background: url('../../../images/2013/us/SRLP/EasyToUse/ADLp_step3_nourish.png') no-repeat center 139px; } #srl_easytouse_mod3, #srlp_easytouse_mod3 { position: relative; border-bottom: 1px solid #dcdcdc; } #srl_easytouse_mod3 .srl_user_img { width: 490px; height: 500px; float: left; } #srlp_easytouse_mod3 .srlp_user_img { width: 490px; height: 370px; float: left; padding-top: 80px; padding-left: 50px; } #srl_easytouse_mod3 .srl_user_content { width: 390px; float: right; margin-right: 90px; margin-top: 65px; } #srlp_easytouse_mod3 .srlp_user_content { width: 390px; float: right; margin-right: 40px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote { margin-top: 200px; margin-left: 20px; } #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote { margin-top: 148px; margin-left: -44px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote p { font-family: Georgia, arial, sans-serif; font-size: 20px; line-height: 24px; } #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote p { font-family: Georgia, arial, sans-serif; font-size: 20px; line-height: 24px; line-height: 29px; background: url("../../../images/2013/us/global/QuoteMarks_SRL.png") no-repeat; padding-left: 62px; padding-top: 33px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote h4 { font-family: Arial, sans-serif; color: #232323; margin-bottom: 8px; font-size: 15px; text-transform: uppercase; font-weight: bold; } #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote h4 { font-family: Arial, sans-serif; color: #232323; margin-bottom: 8px; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-left: 55px; } #expert_prev { position: absolute; top: 193px; left: 0; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; } #expert_prev2 { position: absolute; top: 123px; left: -180px; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; } #expert_next2 { position: absolute; top: 123px; right: -181px; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; } #expert_prev:hover, #expert_next:hover, #expert_prev2:hover, #expert_next2:hover { opacity: 1; filter: alpha(opacity=1); } #expert_next { position: absolute; top: 193px; right: 0; opacity: 0.6; filter: alpha(opacity=60); z-index: 10; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment, #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment .slidecount, #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote .tip_treatment, #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote .tip_treatment .slidecount, #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote .tip_treatment, #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote .tip_treatment .slidecount { font-family: Arial, sans-serif; color: #232323; margin-bottom: 8px; font-size: 15px; text-transform: uppercase; font-weight: bold; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment .nobold, #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote .tip_treatment .nobold, #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote .tip_treatment .nobold { font-weight: normal; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment .slidecount, #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote .tip_treatment .slidecount { color: #C80082; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote .tip_treatment .slidecount { color: #2AA3E0; } .next-slide, .next-slide:hover { display: inline !important; } .next-slide img { vertical-align: top; } #spbl_easytouse_mod3 { border-bottom: 1px solid #cccccc; } #srl_easytouse_mod3 .noslide_content { position: absolute; width: 440px; top: 65px; right: 60px; z-index: 101; } #srlp_easytouse_mod3 .noslide_content { position: absolute; width: 440px; top: 40px; right: 0px; z-index: 101; } #spbl_easytouse_mod3 .noslide_content { height: 0; left: 475px; position: relative; top: 60px; width: 440px; z-index: 101; } #srl_downloads { padding: 15px 30px 0px 50px; border-bottom: 1px solid #dcdcdc; } #srl_downloads p { text-align: center; margin-bottom: 20px; } #srl_downloads .download1, #srl_downloads .download2, #srl_downloads .download3 { width: 299px; border-right: 1px solid #dcdcdc; float: left; padding-bottom: 25px; } #srl_downloads .download1 .download1_copy { float: right; width: 223px; margin-right: 20px; } #srl_downloads .download1 .download1_img { width: 56px; float: right; } #srl_downloads .download2 .download2_img, #srl_downloads .download3 .download3_img { width: 56px; float: left; margin-left: 20px; } #srl_downloads .download2 .download2_copy, #srl_downloads .download3 .download3_copy { float: right; width: 213px; margin-right: 10px; } #srl_downloads .download3 { border-right: 0; margin-right: 0; } #srl_easytouse_mod4 { width: 980px; padding: 40px 0; position: relative; border-bottom: 1px solid #dcdcdc; } #srl_easytouse_mod4 h2, #srl_easytouse_mod4 p { text-align: center; } #srl_easytouse_mod4 ul li img { width: 619px; height: 428px; } #srl_easytouse_mod4 .carousel { width: 619px; margin: 0 auto !important; } #slider-container1 .ui-draggable { top: 0px !important; } .noborder { border: none !important; } #mini_boxes { width: 940px; margin: 0 auto; padding: 30px 0; height: 250px; } #mini_boxes .mini_box, #mini_boxes .mini_box2, #mini_boxes .srlp_mini_box, #mini_boxes .srlp_mini_box2 { width: 462px; float: left; background: url('../../../images/2013/us/SRL/product/MarketingBoxes/MarketingBoxes_BG.jpg') no-repeat; border: 1px solid #dcdcdc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 219px; } #mini_boxes .mini_box2, #mini_boxes .srlp_mini_box2 { float: right; } #mini_boxes .mini_box:hover, #mini_boxes .mini_box2:hover, #mini_boxes .srlp_mini_box:hover, #mini_boxes .srlp_mini_box2:hover { border: 1px solid #232323; } #mini_boxes .mini_box:hover p, #mini_boxes .mini_box2:hover p, #mini_boxes .srlp_mini_box:hover p, #mini_boxes .srlp_mini_box2:hover p { color: #232323; } #mini_boxes .mini_box .mini_text { float: left; width: 208px; margin-left: -217px; margin-top: 55px; } #mini_boxes .srlp_mini_box .mini_text { float: left; width: 208px; margin-left: -200px; } #mini_boxes .srlp_mini_box .mini_text .arrow { color: #F8FBFB !important; } #mini_boxes .mini_box2 .mini_text, #mini_boxes .srlp_mini_box2 .mini_text { float: left; width: 208px; margin-left: 20px; margin-top: 55px; } #mini_boxes .srlp_mini_box .mini_text, #mini_boxes .srlp_mini_box2 .mini_text { margin-top: 32px; } #mini_boxes .mini_box2 .mini_img img, #mini_boxes .srlp_mini_box2 .mini_img img, #mini_boxes .srlp_mini_box .mini_img img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mini_boxes .mini_box .mini_img, #mini_boxes .srlp_mini_box .mini_img { float: left; width: 231px; } #mini_boxes .mini_box2 .mini_img, #mini_boxes .srlp_mini_box2 .mini_img { float: right; } #mini_boxes .mini_box .mini_text p, #mini_boxes .mini_box2 .mini_text p, #mini_boxes .srlp_mini_box .mini_text p, #mini_boxes .srlp_mini_box2 .mini_text p { font-size: 13px; line-height: 17px; color: #F8FBFB !important; } #mini_boxes .mini_box:hover, #mini_boxes .srlp_mini_box:hover { border: 1px solid #232323; } #crosssell_module { border-bottom: 1px solid #dcdcdc; background: url('../../../images/2013/us/SRL/product/ADL_CrossSell.jpg') no-repeat right top; height: 500px; } #crosssell_module .crossell_content { margin: 0px 0px 40px 40px; padding-top: 40px; width: 400px; } #crosssell_module_srlp { border-bottom: 1px solid #dcdcdc; background: url('../../../images/2013/us/SRLP/ADLp-eye-cream-composite.jpg') no-repeat right top; height: 350px; } #crosssell_module_srlp .crossell_content { margin: 0px 0px 40px 40px; padding-top: 40px; width: 400px; } #crosssell_module_srlp .crossell_content h2 { text-transform: none; line-height: 38px; margin-bottom: 20px; font-size: 38px; } #crosssell_module_srlp .crossell_content p { margin-bottom: 20px; } #derm_magazine_module { padding-right: 0px; } a.purparrow, a.purparrow:hover { background: url('../../../images/2013/us/global/link_arrow_ADL.png') no-repeat center right !important; color: #b653a8 !important; font-size: 12px; font-weight: bold; height: 12px; padding-right: 9px; text-decoration: none !important; text-transform: uppercase !important; line-height: 12px; border: none !important; display: inline; } /* styles for SRL topicals start */ #topical_pricing { width: 180px; float: left; } #topical_divider { width: 20px; float: left; } #topical_replenish { width: 200px; float: right; position: relative; } #product_flag_comingsoon { position: absolute; top: 200px; left: -18px; } .button1 { background: none; border: 1px solid #dcdcdc; position: absolute; bottom: 0px; right: -40px; height: 84px; z-index: 100; width: 86px; } .button2 { background: none; border: 1px solid #dcdcdc; position: absolute; bottom: 0px; right: -130px; height: 84px; z-index: 100; width: 86px; } #crosssell_module .crossell_content p { margin-bottom: 20px; } .prod_desc_color { color: #232323; font-size: 14px; line-height: 18px; margin: 10px 7px 0 0; } #why_srl_mod4 { position: relative; } .zakia_disc { position: absolute; top: 256px; right: 40px; width: 430px; } /* styles for srl product sub pages end */ #tmpSlide-1 .hp_panel .leftCallout_pramotionBanner1 { position: absolute; top: 130px; left: 16px; width: 540px; text-align: center !important; color: #ffffff !important; } #tmpSlideshow_promo { margin: 0 auto; position: relative; height: 350px; } #tmpSlide-1, #tmpSlide-2 { height: 350px; } #tmpSlide-2 .hp_panel .leftCallout_pramotionBanner1 { left: 56px; position: absolute; top: 173px; width: 414px; } #tmpSlide-2 .hp_panel .leftCallout_pramotionBanner1 p { color: #232323; margin-bottom: 15px; text-align: center !important; } #tmpSlide-1 .hp_panel .leftCallout_colors_Banner1 { position: absolute; top: 260px; left: 68px; width: 440px; text-align: center !important; color: #ffffff !important; } #tmpSlide-2 .hp_panel .leftCallout_colors_Banner1 { position: absolute; top: 270px; left: 80px; width: 425px; text-align: center !important; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .greybtn a { background: #20B88F !important; background: linear-gradient(#20B88F 60%, #178D6D) repeat scroll 0 0 transparent !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 .greybtn { display: none; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 .greybtn { display: none; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p a { padding: 0px 14px; font-size: 12px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p a, #tmpSlide-3 .hp_panel .leftCalloutBanner1 p a { margin-top: 10px; } /* styles for cart page currance change hopup */ #currencychange { margin-left: -15px; position: absolute; top: 315px; z-index: 3003; } #currencychange_hopup_close { float: right; position: absolute; right: 5px; top: 5px; z-index: 4000; } #privacypolicy_hopup_close a, #currencychange_hopup_close a { background: url("../../../images/2013/us/global/close_reg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .currencychange_promotions { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; font-size: 12px !important; height: auto; overflow: auto; padding: 25px; width: 333px; z-index: 3003; } /* end styles for cart page currance change hopup */ #contentP #products #tirtiary_nav #bc_spbl_MBox1 { width: 450px; } #contentP #products #tirtiary_nav #bc_spbl_MBox3 { width: 450px; } .imageTwoBL { position: absolute; margin: 36px -40px 42px; } /* styles for srl product sub pages end */ #relatedBundleProductsDiv { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 40px; width: 840px; z-index: 3003; display: none; position: fixed; top: 20px; zoom: 1; } #tmpSlide-5 .hp_panel .leftCalloutBanner1 p { padding-left: 100px !important; } #spbl_easytouse_mod3 { position: relative; border-bottom: 1px solid #dcdcdc; } #spbl_easytouse_mod3 .spbl_user_img { width: 490px; height: 500px; float: left; } #spbl_easytouse_mod3 .spbl_user_content { width: 390px; float: right; margin-right: 90px; margin-top: 65px; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote { margin-top: 200px; margin-left: 20px; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote p { font-family: Georgia, arial, sans-serif; font-size: 20px; line-height: 24px; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote h4 { font-family: Arial, sans-serif; color: #232323; margin-bottom: 8px; font-size: 15px; text-transform: uppercase; font-weight: bold; } #spbl_mod4 { background: url('../../../images/2013/us/BL/ppage/MOD-01/ACBL_Realuser_SlideShow_BeautyShot.jpg') no-repeat 0 0; height: 600px; border-bottom: 1px solid #dcdcdc; } #spbl_mod4 .mod1-content { width: 438px; float: right; margin: 22px 40px 0px 0px; } #spbl_mod4 p { margin-bottom: 20px; } #spbl_mod4 .mod1-content h2 { text-transform: none; line-height: 38px; font-size: 38px; } #why_spbl_mod1 { background: url('../../../images/2013/us/BL/Megan-real-user_Mod.jpg') no-repeat 0 0; height: 500px; border-bottom: 1px solid #dcdcdc; } #why_spbl_mod1 .mod1-content { width: 420px; float: right; text-align: center; margin: 35px 60px 0px 0px; } #why_spbl_mod1 p { font-family: georgia; font-size: 20px; font-style: italic; line-height: 22px; margin-bottom: 20px; padding: 0px 25px; } #why_spbl_mod1 p span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: none; font-weight: bold; line-height: 18px; } #why_spbl_mod1 .mod1-content h2 { text-transform: none; line-height: 38px; font-size: 38px; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent { float: right; padding: 30px 0 0 0px; width: 575px; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbImage { float: left; } .finalReview_1, .finalReview_2, .finalReview_3, .finalReview_4 { /*width: 100%;*/ float: left; padding-bottom: 10px; } .finalReview_1, .finalReview_3 { padding-right: 10px; } .finalReview_2, .finalReview_4 { padding-right: 0px; } #finalReview_1 a img, #finalReview_1 a { border: none; float: left; overflow: hidden; } #finalReview_adlp a img, #finalReview_adlp a { border: none; float: left; overflow: hidden; } #finalReview_adlp a:hover { border: 5px solid #CE0086; } #finalReview_adlp a:hover img { margin: -5px } #finalReview_1 a:hover { border: 5px solid #88ca35; } #finalReview_1 a:hover img { margin: -5px } #finalReview_2 a img, #finalReview_2 a { border: none; float: left; overflow: hidden; } #finalReview_2 a:hover { border: 5px solid #CE0086; } #finalReview_2 a:hover img { margin: -5px } #finalReview_3 a img, #finalReview_3 a { border: none; float: left; overflow: hidden; } #finalReview_3 a:hover { border: 5px solid #88ca35; } #finalReview_3 a:hover img { margin: -5px } #finalReview_4 a img, #finalReview_4 a { border: none; float: left; overflow: hidden; } #finalReview_4 a:hover { border: 5px solid #00BDF5; } #finalReview_4 a:hover img { margin: -5px } .#mini_boxes .newpdpmboxes p {} /* new promo rotation banner for header start */ header .logo_bar_bg .logo_bar .promo_info img { float: right; margin-top: -72px; margin-right: -25px; } header .logo_bar_bg .logo_bar .promo_info { width: 235px; position: relative; left: 335px; float: left; background: #585858; background: linear-gradient(to right, #585858 50%, #9f9f9f) !important; background: -webkit-linear-gradient(left, #585858 50%, #9f9f9f) !important; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#9f9f9f', GradientType=0) !important; /*For IE7-8-9*/ height: 70px; /*For IE7*/ overflow: hidden; } header .logo_bar_bg .logo_bar .promo_info li { padding-right: 20px; font-size: 14px; padding: 0px 20px 0px 35px; background: url('../../../images/2013/us/header/promotions/global-nav-banner_samples.png') no-repeat 178px 0; height: 70px; display: none; } header .logo_bar_bg .logo_bar .promo_info li p { color: #ffffff; padding-top: 14px; line-height: 19px; text-align: center; -moz-user-select: text; -webkit-user-select: text; font-size: 15px; padding-right: 103px; } header .logo_bar_bg .logo_bar .promo_info .first_bg p { padding-left: 193px; padding-right: 0; padding-top: 14px; /*text-transform:uppercase;*/ text-align: left; position: relative; left: 15px; font-size: 12px; } header .logo_bar_bg .logo_bar .promo_info .first_bg { background: url("../../../images/2013/us/header/promotions/shippingMsg.jpg") no-repeat scroll 140px -1px rgba(0, 0, 0, 0); margin-left: -143px; } header .logo_bar_bg .logo_bar .promo_info .second_bg { /* background: url("../../../images/2013/us/header/promotions/global-nav-banner_spriteSheet.png") no-repeat scroll 145px -1px rgba(0, 0, 0, 0);*/ background-position: 166px -71px; margin-left: -140px; } header .logo_bar_bg .logo_bar .promo_info .third_bg { background-position: 181px -72px; } header .logo_bar_bg .logo_bar .promo_info .fourth_bg { background-position: 48px -142px; } header .logo_bar_bg .logo_bar .promo_info .third_bg p { padding-left: 130px; width: 200px; } header .logo_bar_bg .logo_bar .promo_info .fourth_bg p { padding-right: 0px; margin-right: -103px; padding-top: 27px; } header .logo_bar_bg .logo_bar .promo_info .second_bg p { width: 200px; padding-left: 118px; } header .logo_bar_bg .logo_bar .promo_info li p i { letter-spacing: 0.05em; } /* new promo rotation banner for header end */ .cart .promo_success .removecode { color: #aaaaaa; font-size: 13px; margin-right: 5px; text-decoration: underline; } #contentP .liveEditBox .tbdcbc_spbl_feature7 .tbdcbContent .greenbtn2 { background: -webkit-linear-gradient(#2aa3e0 60%, #1e7eab) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(#2aa3e0 60%, #1e7eab) repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #ffffff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 35px; letter-spacing: 1px; line-height: 35px; padding: 0 11px; text-transform: uppercase; } #content .comparision_marketing { background: url("../../../images/2013/us/hrlp/HairComparison_Promo.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 250px; position: relative; width: 980px; border-bottom: 1px solid #dcdcdc; } #content .comparision_marketing .button_compare1 { left: 30px; } #content .comparision_marketing .button_compare1, #content .comparision_marketing .button_compare2 { position: absolute; top: 150px; } #content .comparision_marketing .button_compare2 { right: 25px; } #content .comparision_marketing .button_compare1, #content .comparision_marketing .button_compare2 { position: absolute; top: 150px; } #content .shopall_img { background: url("../../../images/2013/us/shopall-pages/LHR/ShopAll_HRL_Banner.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 245px; margin-bottom: 10px; margin-top: -20px; width: 978px; border: 1px solid #dcdcdc; } #content .shopAdl { background: url("../../../images/2013/us/shopall-pages/ADL/ADL_ShopAll_Banner.jpg") no-repeat left top; } #content .shopbl { background: url("../../../images/2013/us/shopall-pages/BL/ShopAll_BL_Banner.jpg") no-repeat left top; } #content .content_shopall { border: 1px solid #dcdcdc; margin-top: 10px; } #content .shopall_img .shopall_img_content { width: 456px; padding-top: 90px; padding-left: 50px; text-align: center; } .shopall_img_content p { color: #F8FBFB; margin-top: 62px; } #content .shopall_product { width: 327px; display: inline-block; *display:inline; zoom: 1; margin-right: -4px; height: 421px; vertical-align: top; } #content .shopall_product_last .shop_item { border-right: 0 !important; width: 324px; } #content .shopall_product .shop_item { border-right: 1px solid #dcdcdc; margin-top:70px; border-bottom: 1px solid #dcdcdc; position: relative; } #content .shopall_product .shop_item a .shopitem_last { border-right: 0px none; } #content .shopall_product .shop_item.shopitem_last a img { width: 322px; } #content .shopall_product .shop_item .topicalHopup_right, #content .shopall_product .shop_item .topicalHopup { top: -46px; } #content .shopall_product .shop_item img { display: block; margin: 0 auto; } #content .shopall_product .shop_item a img { width: 99%; } #content .shopall_product_last .shop_item a img, #content .shopall_product_last a img { width: 324px; } #content .shopall_product .shop_item .quick-view { top: 120px; } #content .shopall_product .shop_item h6 { line-height: 24px; margin-bottom: 20px; text-transform: capitalize; text-align: center; } #content .shopall_product_last { height: 420px; width: 324px; } #replenishme_content { background: url("../../../images/2013/us/shopall-pages/ReplenishMe_Background.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); border: 1px solid #dcdcdc; height: 250px; margin: 10px auto 0; width: 980px; } #replenishme_content .replenishme_sub_content { padding-left: 35px; padding-top: 37px; text-align: center; width: 611px; } #replenishme_content .replenishme_sub_content ul { margin-top: 29px; } #replenishme_content .replenishme_sub_content ul li { display: inline; font-weight: bold; } /* shop-all start */ #content .shopall_product_last .shop_item { border-right: 0 !important; width: 324px; } #content .shopall_product .shop_item img { display: block; margin: 0 auto; } #content .shopall_product .shop_item h6 { line-height: 24px; margin-bottom: 20px; text-transform: capitalize; text-align: center; margin-top: 24px; } #content .content_shopall { border: 1px solid #dcdcdc; margin-top: 10px; } .shop_item #msgShopAllGel { margin-top: 245px; } @-moz-document url-prefix() { #msgShopAllGel { margin-top: -28px !important; } } /* shop-all end */ #bc_latePost3_us .headline { width: 220px !important; } .bonus_copy { margin-left: 40px; font-size: 11px; line-height: 15px; margin-top: 15px; } .backordermsg { font-style: normal !important; font-family: arial; color: #646464; margin: 5px 5px 5px 0; line-height: 17px; font-size: 13px; } #content .shopall_img .adl_shop_content { padding-top: 68px; } /***********ADLP EmailSignUP START**********/ #contentP.adlpEmailSignUP { background: url('/triawebstore2/images/2013/us/SRL/email-signUP/ADLP_Email-Signup_BG.jpg'); width: 980px; height: 651px; background-size: 980px 651px; } .adlpEmailSignUP .signUpFormC { background-color: #f1f1f1; box-shadow: 0 1px 2px 1px #999; float: left; margin-left: 234px; margin-top: 59px; min-height: 200px; width: 500px; } .adlpEmailSignUP .signUpFormC header { width: 90%; float: left; height: 40px; margin-left: 20px; border-bottom: 1px solid #c6c6c6; } .adlpEmailSignUP .socialIcons { float: right; margin-top: 10px; } .adlpEmailSignUP .socialIcons > span { float: left; margin-right: 10px; } .adlpEmailSignUP .emailBox { float: left; width: 100%; margin-top: 20px; padding-left: 70px; } .adlpEmailSignUP .emailBox div { font-size: 14px; font-family: Arial; margin-bottom: 8px; } .adlpEmailSignUP .emailBox input[type="text"] { width: 345px; height: 14px; padding: 10px; margin-bottom: 15px; } .adlpEmailSignUP input[type="submit"] { margin-bottom: 10px; } .adlpEmailSignUP .grey_small { display: block; text-align: center; width: 75%; } .adlpEmailSignUP #signup_thankyou_text { float: left; font-weight: bold; margin-top: 30px; text-align: center; width: 100%; } .adlpEmailSignUP .copyText { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-left: 214px; margin-top: 155px; text-align: center; width: 323px; } /**************** ADLP EmailSignUP END***************/ /*****************EMAIL HOPUP HOMEPAGE START************/ #home_body .hp_emailHopup { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; font-size: 12px !important; height: 370px; padding: 40px; position: fixed; top: 25%; width: 650px; z-index: 3003; /* background: url('/triawebstore2/images/2013/us/email-optin/email-capture-Tria-model.jpg'); background-size: 775px 450px;*/ } #home_body .hp_emailHopup header { width: 77%; height: 40px; margin-left: 80px; font-size: 35px; margin-top: 50px; font-style: oblique; font-family: serif; font-stretch: ultra-expanded; color: #909090; line-height: 40px; text-align: center; } #home_body .hp_emailHopup p { width: 53%; margin-left: 13px; font-size: 15px; margin-top: 30px; margin-bottom: 30px; text-align: center; line-height: 27px; color: #484848; font-weight: bold; } #home_body .hp_emailHopup .grey_small { display: block; text-align: center; margin-left: 296px; margin-top: -28px; } #home_body .emailTextBox { position: relative; width: 44%; height: 14px; padding: 10px; margin-bottom: 25px; margin-left: 120px; border: 1px solid #D3D3D3; margin-top: 90px; background-color: rgba(256, 256, 256, 0.4); } #home_body #hpEmailHopupEmail { display: block; width: 90%; height: 128%; font-size: 16px; margin-left: 32px; margin-top: -2px; background: none; border: none; color: #D8D8D8; } #hp_emailHopup_optin .footerText { font-size: 10px; position: absolute; margin-top: 110px; } #home_body #hpEmailHopupEmail:focus { outline: none; color: #232323; } #home_body .emailTextBox img { position: absolute; top: 9px; left: 8px; } #home_body .hp_emailHopup .grey_small input[type="submit"] { font-size: 15px; padding: 9px 16px; } #content .shopall_product .shop_item h6 { text-transform: none !important; } #header_EmailSignUpForm .headline { color: #ffffff; display: inline; float: left; font-family: Arial; font-size: 14px; font-weight: bold; text-transform: uppercase; } #header_EmailSignUpForm { float: left; /*left: 290px;*/ padding-top: 14px; position: relative; text-align: right; width: 180px; z-index: 101; } #header_EmailSignUpForm #hide_1_feature { width: 185px; padding-left: 4px } #header_EmailSignUpForm #markHeaderEmail { height: 18px; width: 148px; /*background-color: #C2C2C2;*/ font-family: Arial; color: #646464; font-size: 14px; } #p_latePost { padding-top: 4px !important; } #signup_thankyou_headerText { color: #FFFFFF; font-family: Arial Bold; font-size: 14px; font-weight: bold; text-align: right; margin-right: 41px; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { #header_EmailSignUpForm { left: 350px; } } /*****************EMAIL HOPUP HOMEPAGE END************/ .promoMsg { color: #ea145f; margin-right: 2px; font-weight: bold; font-family: ARIAL; text-transform: uppercase; } .msgShopAll { color: #ea145f; position: absolute; font-weight: bold; font-family: ARIAL REGULAR; text-align: center; width: 100%; margin-top: -23px; left: 0px; text-transform: uppercase; } .displayPrice { text-transform: uppercase; font-weight: bold; } .promo-color { text-transform: uppercase; } .now-color { color: black; text-transform: none; font-size: 15px; font-weight: bold; } #buynowBundleDiscountMessage, .discountMessage { font-size: 13px !important; font-weight: normal; font-style: italic; color: #777; margin-left: 4px; } .pDiscountMessage, .additionalText { font-size: 13px !important; font-weight: normal; font-style: italic; color: #777; margin-left: 0px; text-transform: lowercase; } .promoDiscountMessage { font-weight: normal; color: #333; margin-left: 4px; } .newpdpmboxes a { color: #F8FBFB !important; } .newpdpmboxes p { text-align: left !important; left: 49px; } .bc_spbl_MBox1 a { color: #1B1B1B !important; } .ppageDisclaimer { margin-left: 186px; font-size: 11px; } /*********New Cart START*************/ .cartSkinCare_Container { background: #585858 none repeat scroll 0 0; border: 1px solid #D3D3D3; width: 980px; margin: 0px auto 10px auto; height: 250px; /*overflow: auto;*/ } .cartSkinCare_Container h2 { margin-top: 9px; font-family: initial; font-size: 22px; /* font-weight: bold; */ text-align: center; padding-top: 4px; line-height: 15px; color: white; } .cartSkinCare_Container .product_tab_Container { width: 156px; margin-left: 3px; margin-bottom: 20px; margin-top: 10px; display: inline-block; border-right: 1px solid white; } .product_tab_Container:last-child { border-right: 0px; } .product_Container { /* background: #fff none repeat scroll 0 0;*/ height: 175px; } .product_Container img { width: 200px; margin-top: -29px; margin-left: -24px; } .cart_topicalHopup_img_panel img { width: 151px; margin-top: -19px; } .product_Container .name_container { text-align: center; margin-top: -87px; } .name_container .productPrice { font-weight: bold; height: 15px; color: white; margin-top: 16px; } .name_container .pname { height: 35px; color: white; font-size: 13px; margin-top: 10px; } .product_tab_Container #addtobag { margin-left: 22px; margin-top: 10px; } .addtobag { font-size: 12px; color: white !important; text-decoration: underline; margin-left: 41px; text-transform: uppercase; position: absolute; margin-top: -6px; } .cart-quickview { z-index: 2; display: block; cursor: pointer; text-align: center; position: absolute; margin-left: 25px; margin-top: -130px; padding: 3px 0px; width: 100px !important; font-size: 12px; color: #fff; font-weight: bold; opacity: .65; display: none; background: url("../../../images/2013/us/global/link_arrow_white.png") no-repeat 87px 8px #707070; } .cartHopup { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: 237px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; } .cartHopupHopup_right { width: 440px; height: 230px; padding: 40px 40px 40px 30px; border: 2px solid #d2d2d2; display: none; position: absolute; top: 103px; margin-left: 0px; z-index: 1993; background-color: #fff; -moz-box-shadow: 0 0 5px #d2d2d2; -webkit-box-shadow: 0 0 5px #d2d2d2; box-shadow: 0 0 5px #d2d2d2; box-sizing: content-box; } .cart_content_topicalHopup_panel h3 { font-size: 22px; } #cartDivHopups_close { position: absolute; height: 30px; margin-top: 15px; } .cartClose_Hopup { padding-right: 21px; padding-top: 10px; margin-left: 953px; background: url("../../../images/cart_redesign/cart_close.png") no-repeat; } .cart_content_topicalHopup_panel { width: 290px; text-align: left; float: right; color: #000000; } /*********New Cart END*************/ .nuvessDivHP .buynow1 { margin-left: -35px; width: 88px; text-align: center; background: #A0A0A0; margin-top: 38px; } #tmpSlide-2 .nuvessDivHP .buynow1 { margin-left: 177px; } .nuvessDivHP .buynow2 { position: absolute; margin-left: 125px; width: 86px; text-align: center; background: #8E75A9; margin-top: 5px; } .promoDivHP .buynow1 { margin-left: -258px; width: 88px; text-align: center; background: #11b3b9; margin-top: 20px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 a.greenbtn2 { display: none !important; } ul.checkmark li { background: url('../../../images/2013/us/ppage/LHR/mboxes/checkmark.jpg') no-repeat top left; background-position: 0 0px; padding: 0px 0px 7px 27px; font-family: Arial, sans-serif; color: #232323; margin-top: 12px; } ul.checkmark { margin-bottom: 18px; margin-top: -10px; } .disclaimerText { font-size: 11px; color: #232323; margin-left: 28px; width:220px; margin:0 auto; } .disclaimerTextFooter{ width:980px; margin:0 auto; font-size: 11px; color: #232323; } #cart_hopup { background-color: #FFFFFF; box-shadow: 0 1px 2px 2px #999999; -moz-box-shadow: 0 1px 2px 2px #999999; -webkit-box-shadow: 0 1px 2px 2px #999999; -ms-box-shadow: 0 1px 2px 2px #999999; padding: 25px; position: fixed; top: 25px; width: 250px; z-index: 1003; text-align: left; } .promotionPriceColor { color:#ea145f; font-weight: bold; text-transform: uppercase; } .priceStrike { font-weight: bold; text-decoration: line-through; } /****Search functionality CSS*************/ .mask { display: none; width: 982px; background: #000; margin: 0 auto; position: absolute; z-index: 105; left: 184px; top: 171px; margin-top: -48px; /*transition: all 1.5s linear;*/ } .searchContainer { background-color: white; border: 1px solid #dedede; /* padding-top: 14px; */ width: 300px; position: absolute; margin-left: 432px; height: 30px; margin-top: 20px; display: none; } #searchString { background-repeat: no-repeat; background-position: 967px 33px; background-color: white; border: 0px solid; outline: none; height: 20px; font-size: 18px; width: 96%; padding: 5px; /* padding-top: 0px; */ padding-bottom: 0px; color: #aaaaaa; } #searchContent { position: absolute; border: 1px solid #dedede; margin: 0 auto; width: 980px; background: #ffffff; text-align: left; zoom: 1; } .resultsContainer { margin: auto; width: 980px; margin-left: 0px; } .resultsContainer .title { font-size: 20px; font-weight: bold; margin-left: 25px; margin-bottom: 0px !important; } .resultsContainer .searchResultRow { margin-left: 26px; } .searchResultRow { cursor: pointer; } /* .resultsContainer .searchResultRow img { width: 75px; } */ .resultsContainer .searchResultRow .productData { display: inline-block; padding-top: 34px; padding-left: 10px; position: absolute; } .searchResultRow a { text-decoration: underline; color: #000; size: 16px; } .resultsContainer .view { float: right; margin-right: 30px; margin-top: 11px; } .resultsContainer ul { padding: 0px; } .resultsContainer ul { list-style: outside none none; } .gapClass { height: 10px; } #single_col { padding: 0px 0px 39px 0px !important; } .searchButton { position: absolute; margin-top: -24px; margin-left: 269px; cursor: pointer; } .searchClose { position: absolute; right: 7px; top: 10px; cursor: pointer; } .searchVideoHopupButton { background: none repeat scroll 0 0 #0F0F0F; width: 113px; border: solid 1px #fff !important; color: #FFFFFF !important; cursor: pointer; font-size: 15px; text-align: center; padding: 9px 11px; font-family: Arial, Helvetica, sans-serif; margin-top: -0.1em; margin-left: 1.2em; /* padding-bottom: 17px; */ } .replenishFlyout_hopup { background-color: #FFFFFF; border: 5px solid #999; font-size: 10px !important; height: 225px; padding: 20px; position: absolute; width: 350px; z-index: 3003; display: none; right: -109px; top: -225px; /* background: url('/triawebstore2/images/2013/us/email-optin/email-capture-Tria-model.jpg'); background-size: 775px 450px;*/ } .replenishFlyout_hopup:after { content: ' '; height: 0; position: absolute; width: 0; border: 15px solid transparent; border-top-color: #999; top: 100%; left: 50%; margin-left: -10px; } .close_replenish_Hopup { position: absolute; right: -5px; top: 10px; background: url("../../../images/2013/us/global/close_reg.png") no-repeat; width: 30px; } #content .shopall_product .shop_item h6 strong { margin-left: -134px } .replenishFlyout_hopup p { font-size: 12px !important; font-weight: normal; margin-bottom: 5px; margin-top: 5px; } .replenishFlyout_hopup h2 { font-size: 12px !important; font-weight: bold; color: #232323; margin-top: 0px !important; margin-bottom: 0px !important; } .replenishFlyout_hopup .replenish-list { padding: 0px; margin: 0 15px; } .replenishFlyout_hopup .replenish-list li { list-style: initial; font-size: 12px !important; } /*cms pages hopups*/ .pdesc .replenishFlyout_hopup { right: -57px; top: 0; } .sscGel .pdesc .replenishFlyout_hopup { right: -56px; top: 55px; } .olympicDiscountMessage { margin: 0px 0px; position: absolute; font-size:15px; font-weight: bold; font-family: Arial; color:#ea145f; line-height: 23px; text-transform: none; font-style: normal; width: 185px; margin-left: 5px; } .black { color: #000; } .percentageMessage { font-size: 15px; } .vid-container { position: relative; padding-bottom: 52%; padding-top: 30px; height: 0; } .vid-container iframe, .vid-container object, .vid-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-list-container { width: 90%; overflow: hidden; margin-top: 20px; margin-left: 5%; padding-bottom: 20px; } .vid-list { width: 1008px; position: relative; top: 0; left: 0; } .vid-item { display: block; width: 235px; height: 168px; float: left; margin: 0; padding: 10px; } .vid-item .thumb { overflow: hidden; height: 111px; width: 235px; } .thumb img { width: 208px; position: relative; top: 0; height: auto; } .vid-item .desc { color: #21A1D2; font-size: 15px; margin-top: 5px; } .arrows { position: relative; width: 100%; } .arrow-left { color: #fff; position: absolute; background: none; padding: 5px; left: 0px; top: -143px; z-index: 99; cursor: pointer; } .arrow-left img, .arrow-right img { width: auto; } .arrow-right { color: #fff; position: absolute; background: none; padding: 5px; right: 0px; top: -143px; z-index: 100; cursor: pointer; } @media (max-width: 624px) { .arrows { position: relative; margin: 0 auto; width: 96px; } .arrow-left { left: 0; top: -20px; } .arrow-right { right: 0; top: -20px; } } .blackFridayColor { color: #ea145f !important; } .howItWorksUL { background: url(../../../images/2013/us/BL/cliffsnotes-bg.png) no-repeat; padding: 40px 0 0 0; } .howItWorksUL .number { line-height: initial; font-size:48px; color: #ffffff; } .howItWorksUL h3 { font-size: 28px; color: #ffffff; } .mrtop { margin: 40px 0 0 0; } .howItWorksUL p { margin-top: 26px !important; margin: auto; width: 80%; margin-bottom: 70px; font-size: 17px; } .pdflink a { font-size: 30pt; padding: 0 0 13px 55px; color: #f26522; } .pdflink { height: 40px; margin-bottom: 10px !important; text-align: center; /* width: 240px; */ margin: auto; } .redbrdr { border-bottom: 1px solid #ccc; width: 100%; height: 1px; } .arwnew { background: url(../../../images/2013/us/BL/download_button.jpg) no-repeat left 5px; } .mobile-assurance { font-size: 14px; margin-bottom: 7px; } .howItWorksUL ul { text-align: center; color: #fff; } .howItWorksUL h3, .howItWorksUL p, .howItWorksUL .number { color: #fff; } .bluebg { background: url(../../../images/2013/us/BL/cliffsnotes-bg.png) center top no-repeat; background-size: cover; height: 320px; color: #fff; text-align: center; width: 50%; float: left; } .bluebg ul, .bluebg p, .bluebg h3 { color: #fff; } .bluebg p { font-size: 13px; } .bluebg h3 { font-weight: bold; } .howtoUseUL { background: url(../../../images/2013/us/BL/HowItWorks_HeadsUp_bg.jpg); padding: 40px 0; } .padding-none { padding: 0 !important; } .sectionBlueBg2 { background: url(../../../images/2013/us/BL/WhatIsAcne_BlueLightIt_bg.png) no-repeat bottom; margin-top: 80px; /* padding: 20px 0 35px 0; */ } .twoWeeksText { color: #ffffff; line-height: 24px; margin-top: 15px; font-size: 17px; padding: 0 18px; } .getPositivelyBtn { height: 40px; background-color: #f26522; text-align: center; margin-top: 25px; } #right_faq { float: left; width: 400px; padding-left: 20px; } #left_faq { float: left; width: 430px; border-right: 1px solid #CCCCCC; padding-right: 20px; padding-bottom: 40px; } .getPositivelyBtn a { font-size: 18px; display: block; text-decoration: none; color: #ffffff; padding: 13px 2px; text-align: center; } .getPositivelyBtn a:hover { color: #f5f5f5; } .blueLightIt-align .bottomHead { line-height: 60px; } .bottomHead { font-size: 42px; color: #ffffff; /* margin-top: 240px; */ } .orangeHeading { padding: 0px; margin: 50px 0px 30px 0px; line-height: 48px; font-size: 38px; font-weight: bold; color: #F16422; } .clearskin, .clearskin p { color: #232323; } .clearskin h3 { font-weight: normal; font-size: 26px; text-transform: capitalize; font-family: "Open Sans", sans-serif; } .hitchmargin { margin-top: 10px; color: #232323; } .hitchmargin p { padding: 0 90px; } .hiwHeading { font-size: 40px; color: #232323; line-height: initial; } .hitchmargin p { color: #232323; } .marginTop20 { margin-top: 20px; } .marginTop40 { margin-top: 40px; } .marginTop30 { margin-top: 30px; } .marginTop80 { margin-top: 80px; } .marginTop50 { margin-top: 50px; } .GOalsHeading { color: #f26522; font-size: 32px; text-align: center; } .text-bold { font-weight: bold; } .blueLightIt-align { margin-top: 180px; text-align: center; } .howtoUseUL h3 { font-size: 28px; color: #ffffff; } .howtoUseUL .number { padding: 14px 0; font-size: 40px; color: #ffffff; line-height: initial; } .blsection { padding: 20px 15px; } .brdrtop { width: 100%; border-top: 1px solid #ccc; margin: 20px 0; } .blincludes { padding: 12px 0 0 15px; } .blincludes li { color: #232323; font-size: 13px; line-height: 18px; list-style-type: disc; } .hdng1_blue, .hdng1_white { font-size: 52px; text-transform: uppercase; margin: 45px 0 0; color: #fff; line-height: initial; } .treatblpara { color: #ffffff; font-size: 16px; line-height: 22px; } hr { border-top: 1px solid #ccc; } .hdng_small { font-size:1.2em; color: #333; } .whatAcneCaption { text-transform: uppercase; position: absolute; bottom: 0px; right: 2%; width: 229px; padding: 22px; background-color: #3AACED; box-sizing: border-box; -webkit-box-sizing: border-box; } .ta20fontsize { font-size:13pt; line-height:16pt; color: #ffffff; } .noMorePara { margin: 80px 0px 28px 0px; color: #565151; font-size: 17px; line-height: 25px; } .stresTxt { padding: 0 30px; color: #232323; } .cliffsnotes { background: url(../../../images/2013/us/BL/WhatIsAcne_StartToGetBumpy_blue-textured-bg_980.jpg) no-repeat; background-size: cover; padding: 84px 0px; margin: 80px 0px 80px; color: #fff; } .hdng1_white, .subhdng_white { color: #fff; } .hdng1_white .subhdng_white { font-size: 0.5em; } .subhdng_white { /*font: normal 2.1em VeneerThree;*/ } .sliderdescrip { color: #fff; font-style: normal; font-size: 16px; text-align: center; padding: 0 60px; } .white { color: #fff; font-style: normal; } .black { color: #000000; font-style: normal; } .cliffsnotes h2 { text-transform: uppercase !important; font-weight: 500; font-size:26px; line-height: auto; color: #fff; } .inflamatory-box { color: #fff; font-size: 16px; } .inflamatory-box figcaption { margin-top: 20px; } .Luckilydesc { font-size: 19px; color: #232323; } .orangepostive { line-height: 70px; font-size:45px; color: #F16422 !important; } .orangepostive a { display: block; text-decoration: none; color: #F16422; } .pimples-item .tooltip.top .tooltip-arrow { border-top-color: #3aaced; } .pimples-item .tooltip-inner { background: #3aaced; padding: 15px; } .pimples-item .tooltip.top { opacity: 1; } .pimples-item { width: 100%; display: inline-block; text-align: center; line-height: normal; } .pimples-item figcaption { font-size: 14px; margin: 10px 0; color: #232323; } .pimples-item { position: relative; } .pimples-item .acne-popover { width: 300px; padding: 15px; position: absolute; background: #3aaced; color: #fff; font-size: 14px; top: -184px; left: -4px; display: none; right: 0; margin: auto; min-height: 165px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 700; } .pimples-item .acne-popover:after { content: ""; display: block; width: 20px; border-top: solid 20px #3aaced; border-right: solid 15px transparent; border-left: solid 15px transparent; position: absolute; bottom: -20px; left: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pimples-item .acne-popover h4 { margin: 0 0 10px; color: #000; font-size: 18pt; } .hdng1_blue { font: normal 4.7em/100px; color: #3AACED; margin: 0px; } .link-share { background: #0d00bb; padding: 9px 20px; color: #fff; border: none; font-size: 14px; line-height: normal; float: left; } .revelAnswer { position: absolute; right: 5px; margin-top: 38px; } .borderitem { margin: 20px 0; border-top: 1px solid #ddd; } .ntzdifferentText { font-size: 17px; margin: 10px 0 60px 0; color: #232323; } .link-orange { font-size: 26px; background: #f26522; color: #fff; padding: 15px 70px; margin-top: 10px; display: inline-block; } .link-orange:focus, .link-orange:hover { color: #fff; text-decoration: none; } .ta25fontsize { font-size:14pt; color: #ffffff; line-height: 25pt; } .marginTop15 { margin-top: 15px; } .whoGetAcneCaption { position: absolute; bottom: -30px; right: 2%; width: 229px; padding: 15px; background-color: #3AACED; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; } .wga39fontsize { font-size: 24pt; color: #ffffff; line-height: 35pt; } .whoGetsAcneBg { background: url(../../../images/2013/us/BL/WhoGetsAcne_AcneTargetsTeens_blue-textured-bg.png) no-repeat; padding-bottom: 60px; margin: 80px 0px; } .whoGetsAcneBg p { color: #ffffff; } .similarh1 { font-size:40px; line-height:56px; color:#000000; font-weight:bold; } .marginTop60 { margin-top: 60px; } .noMorePara { margin: 80px 0px 28px 0px; color: #232323; font-size: 21px; } .noMoreDivider { border: solid 1px #333333; margin: 80px 0px; } .skinCarePara { font-size: 21px; line-height: normal; } .orangeSpan a:hover { color: #E34900; } .orangeSpan a { color: #F26522; } .noMoreAcne-banner { position: relative; } .noMoreBannerHead { position: absolute; width: 100%; font-weight: bold; top: 43%; font-size: 45px; color: #3AACED; text-align: center; text-transform:uppercase; } .marginTop28 { margin-top: 28px !important; } .stayingBannerpara2 { margin: 0px; font-size: 20px; line-height: 25px; color: #232323; } .whatAcneCaption h2 { color: #fff !important; font-size:26px; } .wacFamily { background: url(../../../images/2013/us/BL/your-family.png) no-repeat; background-size: cover; height: 814px; margin-bottom: 80px; margin-top: -47px; } .wcaFamilyTreeHeading { margin-top: 270px; text-transform: uppercase; } .whiteColor { color: #ffffff; font-weight: normal; } .sayWhaatTextDesktop { position: absolute; bottom: 38px; left: 0; right: 0; text-align: center; } .wcaTwoLadySectionContent { color: #fff; position: absolute; top: 24%; left: 0; right: 0; } .blueColor { color: #3AACED; } .stressm h2 { color: #000; font-size: 24px; } .wcaTwoLadySectionHeading { position: absolute; top: 13%; left: 0; right: 0; text-transform: uppercase; font-size: 32pt; font-weight: bold; color: #fff; } .staying3steppara { font-size: 16px; color: #232323; } .stayingClearBannerCaption { position: absolute; bottom: -14%; right: 2%; width: 250px; padding: 15px; background-color: #3AACED; text-align: center; text-transform: uppercase; box-sizing: border-box; -webkit-box-sizing: border-box; } .decode-link { display: inline-block; padding: 13px; left: 35%; position: absolute; top: 27px; background: url(../../../images/2013/us/BL/StayingClear_DecodingYourFace_filled-dot-hotspot.png) center no-repeat; } .decodingYourFace:before { content: ""; width: 100%; height: 100%; position: absolute; background: url(../../../images/2013/us/BL/m768StayingClear_DecodingYourFace_overlay.png) center; } .thedailynosh { font-size: 50px; line-height: 70px; margin-top: 60px; text-align: center; font-weight:bold; } .whatCausesAcneCarousel .carousel-indicators li { width: 15px; height: 15px; margin: 5px 2px; filter: Alpha(Opacity=50); opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: url(../../../images/2013/us/BL/pagination-unfilled.png) no-repeat; } .whatCausesAcneCarousel .carousel-indicators .active { background: url(../../../images/2013/us/BL/pagination-filled.png) no-repeat; width: 15px; height: 15px; } .blSocialIcons { position: absolute; top: 12px; right: 0; width: 315px; } .blSocialIcons a { margin-right: 10px; } .blSocialIcons img { width: 36px; height: 36px; } .dermargin { /*font-family: VeneerThree;*/ font-size: 66px; } .dermmargin p { color: #232323; font-size: 17px; line-height: 21px; margin-bottom: 5px; } .doctorRow p { margin-top: 10px; font-size: 14px; } .doctorRow strong { font-size: 18px; color: #232323; font-weight: 600; margin: 0 0 10px 0; } #privacyPolicyModal .modal-body, #replenishmentModal .modal-body, #whatIsThisModal .modal-body, #cancelHopupDiv .modal-body, #cleanserHopupModal .modal-body, #spotTreatmentHopupModal .modal-body { padding: 30px; height: 400px; } #privacyPolicyModal .modal-content, #replenishmentModal .modal-content, #whatIsThisModal .modal-content, #paypalReplenishModal .modal-content, #cancelHopupDiv .modal-content, #cleanserHopupModal .modal-content, #spotTreatmentHopupModal .modal-content { overflow: auto; border: 0; border-radius: 0; border: 0 solid white; } #whatIsThisModal p { font-size: 14pt; line-height: 1.42857143; color: #333; } #privacyPolicyModal .modal-header, #replenishmentModal .modal-header, #whatIsThisModal .modal-header, #paypalReplenishModal .modal-header, #cancelHopupDiv .modal-header, #cleanserHopupModal .modal-header, #spotTreatmentHopupModal .modal-header { padding: 0; position: relative; border: 0px; } #privacyPolicyModal .modal-header .close, #replenishmentModal .modal-header .close, #whatIsThisModal .modal-header .close, #paypalReplenishModal .modal-header .close, #cancelHopupDiv .modal-header .close, #cleanserHopupModal .modal-header .close, #spotTreatmentHopupModal .modal-header .close { margin: 0; position: absolute; top: -27px; right: -19px; width: 23px; height: 28px; border-radius: 23px; color: gray; opacity: 1; z-index: 10; font-size: 35px !important; } #replenishTermsContent h2 { /*font-family: veneerThree;*/ font-size: 40px; line-height: 50px; color: #000000; margin-top: 0; } #replenishTermsContent p a { color: #3AACED; } #replenishTermsContent p { font-size: 17px; color: #232323; } #privacyPolicyContent .terms_list li, #replenishTermsContent li { list-style: disc; margin-bottom: 5px; list-style-position: inside; } .marginLeft30 { margin-left: 30px; } .terms_list b { font-size: 18px; line-height: 31px; } .marketting-box { margin-bottom: 20px; } .success-story-box { position: relative; } .success-story-box:hover .readMore { display: block; } .success-story-box .readMore { display: none; position: absolute; background: rgba(247, 247, 247, 0.8) none repeat scroll 0 0; width: 100%; text-align: center; padding: 6px 0px; bottom: 0px; } .success-story-box .i-circle { color: #3AACED; font-size: 20px; position: relative; margin-bottom: 3px; cursor: pointer; } .success-story-box .readMoreText { font-size: 16px; position: relative; } .success-story-box .readMoreText a { color: #000; text-decoration: underline; } .marketting-box figure > div { overflow: hidden; } .marketting-box figure div img { transition: 0.7s; } .marketting-box:hover figure > div img { transform: scale(1.06); } .marketting-box figcaption { position: relative; background: #fff; padding: 40px; } .marketting-box figcaption .share-link { position: absolute; right: 40px; font-weight: bold; font-size: 12px; line-height: 26px; color: #0d00bb; /*background:url(../images/share-icon.png) right no-repeat;*/ } .marketting-box figcaption .share-link img { width: 20px; margin-left: 5px; } .marketting-box figcaption .acne-find-more { color: #0d00bb; text-align: center; display: block; text-decoration: underline !important; } .marketting-box h3 { text-align: center; text-shadow: 1px 1px 2px #fff; line-height: normal; } /*.img-responsive { width:100%;}*/ .success-story-box figcaption { padding: 10px; } .success-story-box figcaption .via-text { font-weight: bold; display: block; margin-top: 3px; } .success-story-box figcaption p { margin-top: 15px; font-size: 13px; line-height: 20px; } .success-story-box figcaption .via-details { font-size: 13px; } .success-story-box figcaption .via-details strong { font-size: 14px; } .success-story-box figcaption .via-usr-img { width: 32px; height: 34px; display: inline-block; border: solid 1px #ddd; border-radius: 50%; background: #f2f2f2; overflow: hidden; } .via-usr-name h5 { margin: 0; font-weight: bold; } .via-usr-name { display: inline-block; line-height: 18px; margin-left: 5px; vertical-align: top; } .seeAll-link { font-size: 18px; font-weight: bold; margin: 20px 0 30px; text-decoration: underline !important; line-height: 20px; display: inline-block; } .tryItNow-link { font-size: 26px; text-decoration: none; background: #f26522; color: #fff; padding: 15px 50px; margin-top: 10px; display: inline-block; margin-bottom: 100px; font-weight: bold; } .tryItNow-link:hover { text-decoration: none; color: #fff; } .succes-stories-section { margin-bottom: 30px; /*position:relative;*/ } /*----------------------- readMore hopup css starts ---------------------*/ .readMore-Hopup { position: fixed; padding: 10px; top: 0; bottom: 0; left: 0; right: 0; height: 450px; margin: auto !important; width: 600px; z-index: 220; background: #fff; } .succes-stories-section .overflow-text { max-height: 398px; margin: 0 0 0 0; } .success-story-contentBox { background: #fff; padding: 0; display: none; z-index: 2; min-height: 430px; } .user-stars { width: 105px; margin: 0px 0px 25px; } .readMore-Hopup .col-md-3 { padding: 0px; } .desc_block_div_acc ul li { list-style-type: decimal; margin-left: 15px; } .desc_block_div_acc ul li ul li { list-style-type: lower-alpha; margin-left: 30px; } .success-story-contentBox .next { float: right; color: white; font-family: veneer; background-color: #f26522; padding: 7px 30px; font-size: 16pt; cursor: pointer; position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { .readMore-Hopup { width: 99%; } .blueLightIt-align { margin-top: 0; } .cfontmobile { top: -40px !important; } .decode-section { display: none !important; } .searchBox { right: 0; } .searchBox:before { left: 76.5% !important; } } .overlay { width: 100%; height: 100%; background: rgba(51, 51, 51, .5); position: fixed; top: 0; left: 0; z-index: 200; } .success-story-contentBox { background: #fff; padding: 0; display: none; z-index: 2; min-height: 430px !important; } .cfont { font-size: 34px !important; color: #646464 !important; font-weight: normal !important; position: absolute; right: 0; top: -10px; z-index: 50; opacity: 1 !important; } .readMore-Hopup p { margin: 18px 0 5px 0; font-family: "Open Sans", sans-serif !important; font-size: 17px; color: #232323; } #snapchatLogo { bottom: 0; right: 0; margin: auto; top: 0px; left: 0px !important; z-index: 3002; position: fixed; width: 300px; height: 300px; } .ReplenishMe { font-size: 14px; color: #232323; margin: 10px 0; } .ReplenishMe a { color: gray; font-size: 12px; } .shoppalltxt { margin: 110px 0 0 17px; } .skinCareBtn { display: inline-block; margin-top: 8px; } .btnNoStars { margin-top: 20px } /* ----- Nuvesse Template starts here ------- */ .videoWrapper { position: relative; padding-bottom: 36.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #Nuvsse_pricing{ width: 96% !important; float: left; margin-top: 0.4em; } .ProductSelected .SlectCircle{ display: block; position: absolute; top: -10px; right: 10px; } .SlectCircle { background: url(/triawebstore2/images/2013/us/nuvesse/product/product-selector-checkmark.png) center top no-repeat; display:none; position: absolute; width: 20px; height: 20px; } .ProductSelected { border: 1px solid #d41568 !important; position: relative; } .CompareOptions input { visibility: hidden; } .skincareRefreshImage { width: 45px; height: 45px; position: absolute; left: -34px; top: -10px; } .compare{border-bottom:1px solid #ccc;margin-bottom:15px;} .CompareOptions{padding:10px 10px; border:1px solid #ccc;margin:0 0 15px 0;cursor:pointer;min-height:80px;} .CompareOptions:hover{border:1px solid #d41568;} .CompareOptionsGrey{padding:10px 0; border:1px solid #ccc;margin:0 0 15px 0; } .offPriceCompare { font-weight: bold; font-size: 20px; color: #38cab7; margin: 10px 10px 0 0; } .addTobag { background: #Ff1654; padding: 12px 10px; color: #fff; border: none; width: 350px; margin-bottom: 15px !important; border-radius: 0px; display: block; margin: 0 auto; } .nuvesseincludes { padding: 0 0 0 0; } .nuvesseincludes li { color: #232323; font-size: 13px; line-height: 18px; } .videoSubHead { font-size: 18px; font-color: #B1B1B1; margin-top: 20px; width: 90%; } .videoPara { font-size: 13px; margin-top: 10px; width: 90%; } .videoMore { color: #38cab7; } .videoMore:hover { cursor: pointer; } .nuvesseSteps { margin: 30px 0; background: #FAFAFA; box-shadow: 0 0 25px -9px #ccc inset; } .nuvesseSteps .col-sm-3 { text-align: center; } .nuvesseSteps p { font-size: 12px; } .nuvesseSteps h3 { font-size: 16px; color: #000; font-weight: 400; } .brdrright { border-right: 1px solid #fff; } .brdrleft { border-left: 1px solid #ccc; } .marginTop10{ margin-top:10px; } .nuvesseP{ width:560px; } .nuvesseP p{ line-height:18px; font-size:15px; font-weight:300; margin-top:20px;} .subNavHeadPara{ font-size:15px; line-height:18px; text-align:center; margin-top:30px; } .whyNuvesVideo{ margin-top:30px; } .howSkinHead{ font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size: 35px; color:#232323; text-align:center; padding-bottom:20px; margin-top:40px; line-height:35px; } .layersImage{ margin-top:20px; } .bulletListHead{ font-size:15px; font-weight:bold; color:#232323; padding-bottom:10px; text-transform:uppercase; } .whyNuvesBulletList{ list-style-type: disc; margin:0; padding:0; } .whyNuvesBulletList li{ list-style-type: disc; font-size:14px; line-height:17px; margin-left:15px; margin-bottom:10px; } .ingredient { margin: 0 0 60px; padding: 0px 0 0 0; width: 320px; font-size: 1.0em; line-height: 1.467em; text-align: center; display: inline-block; float: left; } .ingredient img { width: 300px; margin-top: 0 auto; margin-bottom:40px; } .ingredient h3 { margin: 0 0 20px; font-size: 20px; line-height: 1.1em; font-weight: 400; text-transform: capitalize; } .ingredient p { padding: 0 33px; font-weight: 300; font-size: 14px; } #ingredients{ padding-top: 60px; } .AlloffTxt{font-size:15px;text-align:center;padding:40px 170px;color:#646464;} .nav-tabs > li > a{border-radius:0 !important;font-size:17px;} /*.panel.with-nav-tabs .panel-heading{ padding: 5px 5px 0 5px; } .panel.with-nav-tabs .nav-tabs{ border-bottom: none; } .panel.with-nav-tabs .nav-justified{ margin-bottom: -1px; } /*** PANEL PRIMARY ***/ /*.with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; } .with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent; } .with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent; } .panel-primary > .panel-heading{background:#428bca !important;} .panel-primary{border-color: #ccc !important;} .panel{box-shadow:0 !important;border-radius:0 !important;} .panel-heading{border-bottom:none !important;} .nav-tabs > li{ margin-bottom: 0px !Important;} */ .videoWrapper { position: relative; padding-bottom: 46.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoWrapperHeight iframe{ width: 560px; height:315px; } #caseContainerResults { margin: 0 auto; margin-bottom:20px; width: 818px; height: 344px; overflow: hidden; border: 1px solid #666; position: relative; background: #ccc; } .caseContainerResultsHome { width: 650px !important; height: 273px !important; } .rowpadding{padding:40px 0 0px 0px;} .case-style-titles{ width: 818px; height: 27px; padding-top: 3px; color: #fff; font-weight: 400; text-align: center; position: absolute; bottom: 0px; z-index: 999; background-color:rgba(0,0,255,0.3) } .case-style-titles-home{ width: 650px !important; } .case-style-titles a{ color: #fff; text-decoration: none; } .case-style-titles a:hover{ color: #fff; text-decoration: underline; } .twentytwenty-handle { border: 2px solid #fff !important; background: #a1a1a1 !important; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{ background: #fff !important; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 2px !important; margin-left: -1px !important; } .case_results_copy{ text-align: center; font-size: 19px; line-height: 30px; color: #333; padding-bottom: 40px; padding-top: 10px; } .case_results_copy_home{ text-align: center; font-size: 19px; line-height: 30px; color: #333; padding-bottom: 40px; padding-top: 30px; } #caseContainerResults .case-study { height: 380px; display: none; } #caseScrollerResults .case-study p.caption { } #resultsContainer { width: 100%; background: url(/wp-content/themes/nuvesse2017/css/./images/results-container-background.jpg) no-repeat center bottom; } #featureResultsBlockWrapper #featureResultsBlockContainer #featureResultsBlock .case6{ margin-right: 0px !important; } .featureResultsBlockWrapperHome { width: 651px !important; } #featureResultsBlockWrapper { margin: 0 auto; padding: 0; width: 818px; } #featureResultsBlockWrapper #featureResultsBlockContainer { width: 100%; text-align: center; } #featureResultsBlockWrapper #featureResultsBlockContainer #featureResultsBlock { margin: 0 auto; padding: 20px 0 0; width: 960px; height: 95px; color: #fff; text-align: center; } #featureResultsBlockWrapper #featureResultsBlockContainer #featureResultsBlock .case-study { margin: 0; margin-right: 22px; width: 110px; height: 81px; border: 1px solid #999999; float: left; } .case-study-border-blue{ border: 2px solid #66ccff !important; } #featureResultsBlockWrapper #featureResultsBlockContainer #featureResultsBlock .case-study:last-child { margin-right: 0px; } #featureResultsBlockWrapper #featureResultsBlockContainer #featureResultsBlock .case-study-about { margin-right: 28px; } .realResultsPara{ font-size:15px; color:#646464; line-height:19px; margin-top:30px; } .fdaHead{ font-family: 'ArialMTStd-Light', Arial, sans-serif; font-size:38px; line-height:38px; color:#232323; font-weight:normal; } .fdaPara{ font-size:15px; line-height:18px; color:#646464; } .sectionBorderTop{ border-top:1px solid #dcdcdc; padding-top:30px; } .twentytwenty-handle{ height:98%; width:1px; top:0%; margin-left:-5px; margin-top:1px; opacity:0.5; } .twentytwenty-handle img{ display:none; } .nuvesseShopallh6{ height:150px; position:relative; } .nuvesseShopallh6 div{ position:absolute; bottom:0; left:0; width:100%; } .srlToph1LineHeight{ line-height:24px; } .nuvesseShopallh6 div a{ padding:7px 10px; } .case-study-border-blue { border: 2px solid #66ccff !important; } .brdrbtm{border-bottom:1px solid #ccc;padding:0 0 20px 0;} .expertlysection{padding:20px 40px 0 40px !important;} .expertlysection h2{font-family: 'ArialMTStd-Light', Arial, sans-serif;} .expertlysection p{line-height: 1.5;} .Fdabox { border-top: 1px solid #ddd; padding: 10px 0; } .FDA90day {margin:30px 0 0 0 ;} .FDAsubhead { font-size: 22px; color: #676767; margin: 0 0 10px; font-weight: lighter; } #nuvesseHowToUseTabs ul li{ margin: 0; margin-right: 0px; background-color: #e1f5ff; padding-top: 18px; padding-bottom: 18px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; display: inline-block; text-decoration: none; width: 20%; margin-right: 20px; text-align: center; } #nuvesseHowToUseTabs ul li.active{ color: #66ccff; background-color: #fff; border: 1px solid #66ccff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(102, 204, 255); border-bottom: 1px solid #fff; } .with-nav-tabs div.panel-body{ border: 1px solid #55c1e9; margin-top: -1px; } .jcarousel-us-product .jcarousel-container { padding-left: 25px; } .jcarousel-us-product .jcarousel-item-horizontal { margin-right: 8px; } .jcarousel-us-product .jcarousel-clip-horizontal { height: 72px; width:390px; margin-left:30px; } .jcarousel-us-product .jcarousel-item { height: 75px; width:70px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; width:auto !important; } #right_scroll66{position:absolute;right: 0;top: 33px;cursor:pointer;opacity:0.8;z-index:9999;} #left_scroll66{position:absolute;left: -12px;top: 35px;cursor:pointer;opacity:0.8;z-index:9999;} .srlFdaBorderBox *{ box-sizing:border-box; } .btnColorWhite a, .btnColorWhite a:hover{ color:#fff; } .ligtFontStyle{ font-family: 'ArialMTStd-Light', Arial, sans-serif; } .leftarrow{ background:url(/triawebstore2/images/2013/us/nuvesse/product/home-arrow-left.png); width: 23px; height: 36px; display:block; background-size: 23px 36px; position: absolute; top:50%; left: 0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .rightarrow{ background:url(/triawebstore2/images/2013/us/nuvesse/product/home-arrow-right.png); width: 23px; height: 36px; display:block; background-size: 23px 36px; position: absolute; top:50%; right: 0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .owl-theme .owl-dots{ display:none; } .srlDeluxeKitLink a, .srlDeluxeKitLink a:hover{ display:block; text-decoration:underline; margin-top:10px; font-size:15px; color:#232323; } .marginLeft20{ margin-left:20px; } .Youmayalso{padding:0 !important;} .Youmayalso .olympicDiscountMessage{ padding:0; width:auto; margin:-3px 5px;} .how2use{ background:none !important; padding:0 !important; border-top:1px solid #ccc; } .brdrnone{border:none !important;} .permenantresults{margin:0px 40px 0px 25px;} .resultsul{padding: 12px 0 0 15px;} .resultsul li{ font-size:14px; color: #232323; line-height: 18px; list-style-type: disc;} .paddingleft40{ padding-left:40px !important; } .activationbox{float:left;width:285px;text-align:center;} #activationADLcontent{padding:30px 30px 0px 30px;} #confirmation{width:460px; float:left; padding-bottom:53px} #about_landing{ padding:0px 0px 0px 0px; position:relative; margin:0 auto; width: 908px; } #about_landing .about_tabs span { display:block; line-height:13px; } #about_landing .about_tabs span.on { background: url("../../../images/us/home/tab_on.gif") no-repeat scroll 0 0 transparent; color:#000 !important; float: left; font-weight: bold; height: 32px; margin: 0 2px 0 1px; padding-top:8px; width: 140px; text-align:center; text-transform:uppercase; font-size:11px; } #about_landing .about_tabs span.bg_tab { background: url("../../../images/us/home/tab_off_green.gif") no-repeat scroll 0 0 transparent; color: #232323; float: left; height: 32px; margin: 0 2px 0 1px; padding-top: 8px; width: 140px; text-align:center; display:block; margin-left: 1px; text-transform:uppercase; font-size:11px; } #about_landing .tab_container_left { background: url("../../../images/redesign/tabs/left_border.gif") repeat-y scroll 0 0 transparent; width:2px; height:1038px; } #about_landing .about_tabs span.bg_tab:hover{ background: url("../../../images/us/home/tab_active_green.gif") no-repeat scroll 0 0 transparent; } #about_landing .buy_now_kr { background: url("../../../images/korea/other/CTA.jpg") no-repeat; height: 95px; width: 300px; margin-top: -55px; float: right; } #about_landing .buy_now_news_kr { background: url("../../../images/korea/other/CTA.jpg") no-repeat; height: 95px; width: 300px; margin-top: -95px; float: right; } #about_landing .about_tabs .product_cta { position:absolute; right:15px; top:-55px; } #about_landing .about_tabs { position:relative; margin-top:25px; } #tab_container a.light_grey, .tab_container a.light_grey { /*margin-left: 20px;*/ } /* change tab_container to classes */ #tab_container .tab_container_content, .tab_container .tab_container_content { float:left; /* background: url("../../../images/redesign/tabs/tab_bg_gradient.gif") repeat-x scroll 0 0 transparent; */ width:908px; height:1038px; } #tab_container .tab_container_content2, .tab_container .tab_container_content2, .about_tabs .liveEditBox, .about_tabs .tab_container_content2, .about_tabs .tab_container_content3 { float:left; width: 826px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 40px 40px 40px 40px; z-index:3000; } .about_tabs .tab_container_content2 { height: 30px; } .about_tabs .tab_container_content3 { height: 30px; } .about_tabs .all_container { padding: 5px 0px; } .about_tabs .tab_wrapper .liveEditBox, .about_tabs .tab_wrapper .myEditBox { /* display: none; */ } .about_tabs .tabBox { display: block; } .about_tabs .tab_wrapper .tabBox { top: 165px; } /**/ .about_tabs .tab_1 .tabBox { position: absolute; margin-left: 140px; display: block; } .about_tabs .tab_2 .tabBox { position: absolute; margin-left: 280px; } .about_tabs .tab_3 .tabBox { position: absolute; margin-left: 420px; } .about_tabs .tab_4 .tabBox { position: absolute; margin-left: 560px; } .about_tabs .tab_5 .tabBox { position: absolute; margin-left: 700px; } .about_tabs .tab_6 .tabBox { position: absolute; margin-left: 840px; } .about_tabs .tab_container_content2, .about_tabs .liveEditBox { /* display: none; temporary */ } /* Javascript elements to hide and show <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .about_tabs .tab_0 .tab_container_content2, .about_tabs .tab_0 .liveEditBox, .about_tabs .tab_0 .myEditBox { display: block; /* temporary */ } .cbl_pname { margin: 0px 10px 0px 0px; text-align: left; } /* NOTE: disabled and placed in neweer style from re_style.css below this .tab_container .tab_container_content_account{ float:left; background: url("../../../images/redesign/tabs/tab_bg_gradient.gif") repeat-x scroll 0 0 transparent; width:642px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin-left:1px; margin-right:20px; } */ /* PDP: added for bulleted list items */ #tab_container ul.list, .tab_container ul.list, .about_tabs ul.list { list-style: none; margin: 0 0 10px 14px; padding: 0 0 10px 0; margin-bottom: 20px; } #tab_container .tab_container_content{ float:left; /* background: url("../../../images/redesign/tabs/tab_bg_gradient.gif") repeat-x scroll 0 0 transparent; */ width:908px; height:1038px; margin: 0 auto; } .account_right_container{ width:320px; float:right; border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; } #about_landing .account_left{ float:left; width:642px; margin-right:20px; } #about_landing .account_right{ float:right; width:298px; margin-top:110px; } #about_landing .account_right_border{ border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; margin-bottom:15px; } #about_landing .account_right_inner{ padding:20px; } #tab_container .tab_footer, .tab_container .tab_footer, .about_tabs .tab_footer { } #tab_container .tab_footer_account, .tab_container .tab_footer_account { background: url("../../../images/redesign/global/tabs_bottom_account.png") no-repeat scroll 0 0 transparent; height:8px; width:646px; } #tab_container .about_inner_container, .tab_container .about_inner_container { margin: 0px 0px 60px 0px; } #tab_container .account_inner_container, .tab_container .account_inner_container { margin: 30px 40px 60px 30px; } #tab_container .about_head, .tab_container .about_head { font-size:12px; color:#02a4ba; width:800px; } #tab_container .about_subhead , .tab_container .about_subhead { font-size:14px; color:#333333; padding-bottom:10px; border-bottom:1px dotted #999999; margin-bottom:10px; } #tab_container .tab_container_content2 { border-left: 1px solid #CCCCCC; border-radius: 0 4px 0 0; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; float: left; margin-top: -1px; border-bottom:1px solid #cccccc; margin-bottom:40px; } #about_landing .about_tabs li { display:block; line-height:13px; } #about_landing .about_tabs li.on { background: url("../../../images/2013/us/global/tab_on.gif") no-repeat scroll 0 0 transparent !important; float: left; font-weight: bold; height: 32px; margin: 0 2px 0 0; padding-top:8px; width: 140px; text-align:center; text-transform:uppercase; font-size:11px; } #about_landing .about_tabs li.on a { color:#000; } #about_landing .about_tabs li a { color:#232323; } #about_landing .about_tabs li { background: url("../../../images/2013/us/global/tab_off_green.gif") no-repeat scroll 0 0 transparent; float: left; height: 32px; margin: 0 2px 0 0; padding-top: 8px; width: 140px; text-align: center; cursor: pointer !important; text-transform:uppercase; font-size:11px; } #about_landing .about_tabs li a { display: block !important; }/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#333333; margin: 7px auto; } #TB_window a:link {color: #646464;} #TB_window a:visited {color: #646464;} #TB_window a:hover {color: #000000;} #TB_window a:active {color: #646464;} #TB_window a:focus{color: #646464;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(../../images/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#fff; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color: #333333; display:none; border: 1px solid #cccccc; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 0px 0 0 15px; } #TB_caption{ padding:7px 30px 10px 15px; float:left; font-weight: bold; } #TB_closeWindow{ padding:7px 15px 0px 0; float:right; } #TB_closeWindowButton { text-decoration: none; font-weight: bold; font-size: 11px; } #TB_closeAjaxWindow{ padding: 10px 10px 10px 0; margin-bottom:1px; text-align:right; float:right; } #TB_closeAjaxWindow a { color: #333333; text-decoration: none; } #TB_closeWindowFooter { clear: both; background-color: #f0f7fa; padding: 3px 3px 3px 10px; } #TB_closeWindowFooter a { color: #333333 !important; text-decoration: none; } #TB_ajaxWindowTitle{ float:left; padding:10px 10px 10px 10px; } #TB_title{ background-color:#ffffff; font-size: 11px; font-family: arial; color: #333333; font-weight: bold; } #TB_ajaxContent{ clear:both; margin: 0px 10px 15px 10px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:0px; margin:0px !important; } #TB_ajaxContent p{ padding:0px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } @media only screen and (device-width: 768px) { #hide_1_feature{ width:200px !important; } input{ -webkit-appearance: none; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits5 .tbdcbImage{ margin-bottom:-4px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits1 .tbdcbImage{ margin-bottom:-3px; } .product_left .txt_left{ width:339px; display:block; padding-bottom:20px; } #promotions ul li{ position:relative; } #flyout4a{ margin-left:-90px; } .socialDiv{ width:192px; } #floating_buynow{ display:none; } #flyout1b{ margin-left:0px !important; } } @media only screen and (device-width: 768px) and (orientation:portrait){ div#tmpSlideshow .tmpSlide, header .logo_bar_bg{ width:128%; } #subnav{ width:940px; } } @media only screen and (max-device-width: 480px) { #page_body{ text-align:center; margin:0 auto; width:980px; } #bridal_tmpslide, header .logo_bar_bg{ width:980px; } .dont_leave_text{ padding-left:0px; width:800px } #buynow_div, #relatedProductsDivBuyNow, #buynow_hopup_hrlp{ top:20%; left:15% !important; position:absolute; } .pCtaLeft_hopup, .crossSell_div{ font-size:1em; text-align:left; } div#tmpSlideshow{ width:980px; } } @media screen and (min-width:800px) and (max-width: 1300px){ #relatedProductsDiv{ padding:20px; } .gwpjul1_top h3,.box1_banner{ margin-bottom:15px; } .main_divider{ margin:15px 0; } #hopup_close{ margin-top:-41px; left:41px; } .box1_banner{ padding-bottom:20px; font-size:25px; } .category_product{ width:90px; } .text_product1,.text_product{ width:377px; } .hrl_product h5{ font-size:0.8em; } .hrl_product p{ font-size:0.7em; } } div#tmpSlideshow { margin: 0 auto; position:relative; height:324px; } div.tmpSlide { height: 520px; display: none; text-align:center; } div.tmpSlide *{ text-align:left; } #tmpSlideshow .tmpSlide .hp_panel{ width:980px; margin: 0 auto; } div#tmpSlideshowControls { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; height: 14px; margin-right: -480px; padding: 2px; position: absolute; right: 50%; top: 300px; /* display: block; */ } div#tmpSlideshowControlsLanding { position: absolute; bottom: 20px; right: 790px; width: 155px; } div.tmpSlideshowControl { background: url("../../../images/2013/ca/home/nav_inactive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; cursor: pointer; float: left; font: 11px Century Gothic,sans-serif; height: 18px; margin-left: 2px; margin-top: 2px; text-align: center; width: 13px; } div.tmpSlideshowControlLanding { float: left; margin-left:3px; /*background: #b8b7b7;*/ background: url('../../../images/2013/us/home/grey_dot.png') no-repeat; width: 18px; height: 18px; color: #fff; font-weight:bold; font: 11px Century Gothic, sans-serif; text-align: center; cursor: pointer; } div.tmpSlideshowControlLandingActive { background: url('../../../images/2013/us/home/dark_grey_dot.png') no-repeat; /*background:#0066a4;*/ color:#fff; } div.tmpSlideshowControlLanding span { vertical-align: center; } div.tmpSlideshowControl span { vertical-align: center; } div.tmpSlideshowControlLandingOn { } div.tmpSlideshowControlOn { } div.tmpSlideshowControlActive { background: url('../../../images/2013/ca/home/nav_active.png') no-repeat; /*background:#0066a4;*/ color:#fff; } div.tmpSlideCopy { position: relative; left: 565px; top: 20px; width: 170px; } div#tmpSlideshow h4 { color: #b90f23; text-transform: uppercase; font: 14px Arial, sans-serif; margin: 10px 0; } div.tmpSlideCopy p { font: 11px Arial, sans-serif; line-height: 1.75em; } div#nextSl { right: 0; } div#prevSl { left: 0; } div#nextSl, div#prevSl { position: absolute; top: 125px; z-index: 9999; padding: 5px; } div#nextSl:hover, div#prevSl:hover { background: #EEEBEB; } img.nextSlArr, img.prevSlArr { width: 30px; height: 65px; cursor: pointer; }