/* ----------------------------------------------------------------------- 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: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"); @import url("http://www.fonts.com/font/adobe/kozuka-gothic-pr6n/medium/web-font"); @font-face { font-family: 'kozuka-gothic-pr6n-m'; font-family: 'kozuka-gothic-pr6n-r'; src: url('webfonts/kozuka-gothic-pr6n-m'); src: url('webfonts/kozuka-gothic-pr6n-r'); 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; } /* indivial classes */ #purchaseDate { background: url(../../../images/2013/jp/global/icon_calendar.png) top right no-repeat; } 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:'Work Sans', sans-serif; font-size: 14px; margin: 0; padding: 0; color: #3b3b3c; font-weight: normal; line-height: 22px; } html { scroll-behavior: smooth; } body{ margin:161px 0 0 0 !important; } h1 { font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .headline h2 { font-family: ; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #tab_container .tab_container_content2 .about_inner_container .about_tria_text_left h2, .activate h2, #noUser .nouser_inner h2{ font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .press_articles h2{ font-size: 38px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } h2 { font-family: 'Work Sans', sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 9px; text-transform: uppercase; color: #3b3b3c; } h3 { font-size: 14px; color: #3b3b3c; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } .price { font-size: 24px; color: #3b3b3c; } p { margin-bottom: 10px; } .BVRRRatingSummaryStyle2 { margin: 0px 0 5px 0 !important; } #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; } #buynow_div { width: 510px; height: 560px; padding: 40px; border: 5px solid #999; display: none; position: fixed; top: 20px; left: 100px; z-index: 1003; background-color: #fff; } .buynow_top { text-align: center; } #buynow_product { margin: 25px 0 20px; width: 230px; height: 230px; } .buynow_header { color: #3b3b3c; font-size: 24px; } .easypay_outer{ display:none; position:absolute; } .easypay_terms ol,.easypay_terms ol li,.easypay_terms p{ font-size:12px !important; } .easypay_terms { width: 650px; height: 560px; padding: 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:-107px 0 0 650px; z-index:4000; } #replenish_hopup_close{ position:fixed; margin:-107px 0 0 650px; z-index:4000; } #posts_videos * { text-align: left; } .clear { clear: both; } .right { float: right; } .left { float: left; } a { text-decoration: none; color: #3b3b3a; background: none; outline: 0; } a:hover { color: #3b3b3c; text-decoration: none; outline: 0; } a:visited { text-decoration: none; outline: 0; } footer { background-color:#f5f5f5; padding:50px 50px 50px 30px; } .footerList1 { list-style: none; margin: 0; padding: 0 0 0 20px; border-right: 1px solid #ccc; min-height: 162px; } .footerList1 li { padding-bottom: 10px; font-size: 13px; } .footerSocialList li { float: left; margin-right: 20px; } .footer-icons img{ margin:0 0 5px 0; } .footerSocialList { list-style: none; margin: 0; padding: 0; } .copyrights{ margin-top:50px; float:left; } .termsList { list-style: none; margin: 13px 0 0; padding: 0 0 30px; } .termsList li { float: left; color: #676767; margin-left: 40px; letter-spacing: 2px; } .termsList li a, .termsList li a:hover { color: #676767; letter-spacing: 2px; font-size: 10pt; } .footerBtm { background-color: #fff; } .marginTop20 { margin-top: 20px !important; } .marginBottom20 { margin-bottom: 20px; } #headerSignUpEmail { text-align: left; float: left; } /* #signup_submit_footer { background: url('../../../images/japan/home/link_arrow.png') 0 0px no-repeat; border: none; cursor: pointer; width: 20px; height: 21px; float: left; } */ .vertical_center { vertical-align: middle; } #country_dropdown { position: absolute; z-index: 5; padding-top: 13px; display: none; width:128px; left: -20px; } #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: 'Work Sans', sans-serif; font-size: 14px; font-style: normal; padding: 0px 10px; width: 100px; } #country_drop { z-index: 4; } #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: 2px; } #country_dropdown ul li a:hover { background: #EDEDED !important; } .navbar-nav { position: relative; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } header nav ul li { box-sizing: content-box; -webkit-box-sizing: content-box; } .menu-overlay{ background-color: rgba(0, 0, 0, 0.8); position:absolute; top: 161px; left: -1px; bottom: 0; right: 0; width:101%; height:1200px; z-index:100; display:none; } .MegamenuWidth { margin: 0 auto; position:relative; z-index:2; } .MegamenuWidth .navbar-nav > li { float: left; } .navbar-nav > li { display: inline-block; } .navbar-nav > li > a{ font-weight:500; } .navbar-nav > li:after { content: ''; display: block; margin: auto; height: 10px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; } .navbar-nav > li:hover > a { /*color: #38cab7 !important;*/ } .mainmenu .navbar-nav > li:first-child:hover:after { width: 100%; background: #c91783; } .mainmenu .navbar-nav > li:nth-child(2):hover:after { background: #d6cbe4; width: 100%; } .mainmenu .navbar-nav > li:nth-child(3):hover:after { background: #0397d6; width: 100%; } .mainmenu .navbar-nav > li:last-child:hover:after { background: #b0b0b1; width: 100%; } .headerIconsList > li > a{ padding: 10px 7px !important; } .headerIconsList > li{ border-bottom:none !important; } .headerIconsList { padding: 0 80px 0 0px; } .items-in-cart{ width: 13px; height: 13px; background: #a0d388; border-radius: 50px; position: absolute; top: 4px; left: 26px; } .navbar-header { float: none !important; padding-top: 30px; height: 100px; } .navbar-brand{ float: none !important; } .navbar { position: relative; width: 100%; margin:0 !important } .navbar.mini, .navbar.mini .navbar-base, .navbar.mini .logoposition, .navbar.mini .menu, .navbar .navbar-header, .navbar .logoposition img, .navbar .navbar-nav > li > a, .navbar .menu-overlay{ transform: translate3d(0,0,0); transition-property:visibility, opacity, transform, background, padding, height , width, top, position; transition-duration: 1s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .navbar .navbar-base{ position: absolute; top: 0; left: 0; width: 100%; height: 235px; background: #fff; z-index: 1; transform: translate3d(0,-74px,0); } .navbar.mini .navbar-base { transform: translate3d(0,-74px,0); } .navbar.shrink .navbar-base { transform: translate3d(0,-127px,0); } .navbar.shrink .navbar-header{ padding-top:0; height: 64px; } .navbar.shrink .menu-overlay{ top: 108px; } .navbar.shrink .megamenu{ top: 44px; } .navbar.shrink .navbar-nav > li > a{ padding-top:10px !important; padding-bottom:10px !important; } .navbar.shrink .navbar-nav > li:after{ height: 5px; } .navbar.shrink .logoposition img{ width: 80px; } .flyout .dropdown ul.dropdown-menu { border-radius: 0; margin-top: 3px; box-shadow: grey 2px 2px 20px; width: 200px; } .flyout .dropdown ul.dropdown-menu:before { border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -10px; right: 92px; z-index: 10; } .flyout .dropdown ul.dropdown-menu:after, .flyout .dropdown ul.dropdown-menu:before, .flyout-2 .dropdown ul.dropdown-menu:after, .flyout-2 .dropdown ul.dropdown-menu:before { content: ""; position: absolute; } .flyout .dropdown-menu > li > a { color: #38CAB7; padding: 10px; margin: 2px; } .flyout .pad-left20 { padding-left: 20px; } .open > .dropdown-menu { left: -81px !important; } .logoposition{ position: absolute; left: 50%; margin-left: -40px; } .mainmenu{ width:445px; margin:0 auto !important; float:none !important; } .megamenu ul li:hover a{ color:#3b3b3a; } .megamenu ul li:hover { background: #f5f5f5; } .mobile-mybag-link { position: absolute !important; z-index: 9999; top: 9px; left: 9px; } .Shopalldropdown { padding: 60px 80px; } .mask { display: none; width: 982px; background: #3b3b3a; margin: 0 auto; position: absolute; z-index: 105; left: 184px; top: 171px; margin-top: -48px; /* transition: all 1.5s linear; */ } .navbar-nav > li:hover .megamenu { opacity:1; -khtml-opacity: 1; -moz-opacity:1; filter: alpha(opacity=100); visibility:visible; } .megamenu { opacity:0; -khtml-opacity: 0; -moz-opacity:0; filter: alpha(opacity=0); background: #fff; width: 781px; position: absolute; height: 171px; left: -168px; right: 0; bottom: 0; top: 60px; z-index: 9999; box-shadow: 0 0 2px #ccc; padding: 0px 0px; visibility:hidden; transform: translate3d(0,0,0); transition-property:visibility, opacity, transform, background; transition-duration: .5s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .megamenu ul li { float: left; border-bottom:1px solid #ccc; margin: 0; width: 100%; font-size: 12px; text-transform: uppercase; text-align: center; } .megamenu ul li:last-child { border:none; font-weight:bold; } .megamenu ul li a { display:block; width: 100%; text-align: center; padding: 10px; text-indent: -20px; } .megamenu ul li:last-child a{ text-indent:0px; } .megamenu ul li img{ float:left; margin: 10px 0 0 20px; } li.footer_head, li.footer_head a { font-size: 14px; color: #3b3b3a000 !important; text-transform: capitalize; } div.nav_1_drop { background: #fff; height: 245px; } div.nav_1_drop .nav_block { float: left; width: 489px; height: 245px; } div.nav_1_drop .nav_block .drop_image { width: 245px; float: left; margin-right: 25px; } 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: 227px; float: right; padding-right: 0; padding-top: 25px; } div.nav_1_drop .nav_block .drop_text span{ font-size: 16px; } 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 { margin: 0px; position:relative; } #specialMessage { color: #F06EAA; font-size: 13px; margin-bottom: -4px; text-transform: uppercase; } #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; } a.arrow,a.arrow:hover { background: url('../../../images/2013/jp/global/link_arrow.png') no-repeat center right; color: #3b3b3c !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; } /* Header and footer styles end */ /* styles for home page start - Suresh V - 04/18/2013 */ #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; } #posts_videos { width: 980px; margin: 0 auto; margin-top: 10px; } #posts_videos .posts { width: 320px; float: right; border-bottom: none; overflow: hidden; height: 620px; } #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; } a.newhplateposts_bannerContent:hover{ color: #3b3b3a; } a.newhpmboxes_bannerContent:hover { color: #3b3b3a; } a.newhplateposts_bannerContent:hover { color: #3b3b3a; } #posts_videos .newhplateposts .headline,#newhplateposts .headline p { float: left; width: 225px; padding-right: 20px; } #posts_videos .newhplateposts .headline a,#marketting_boxes .newhpmboxes .headline a { color: #3b3b3a; text-align:left !important; } #posts_videos .newhplateposts .headline a:hover,#marketting_boxes .newhpmboxes .headline a:hover { color: #3b3b3c; } #posts_videos .newhplateposts .headline { font-family: 'Work Sans', sans-serif; font-size: 12.5px; font-weight: bold; color: #3b3b3a; margin-top: -2px; } #posts_videos .newhplateposts .headline:hover { color: #3b3b3c; } #posts_videos .newhplateposts .content { font-family: 'Work Sans', sans-serif; font-size: 14px; font-weight: bold; color: #3b3b3a000; text-align: center; border-top: 2px solid #3b3b3a000; padding: 10px 0; text-transform: uppercase; } #marketting_boxes { width: 980px; margin: 0 auto; } #marketting_boxes .newhpmboxes { width: 318px; margin: 10px 12px 0px 0; float: left; height: 283px; position:relative; border-bottom:10px solid #ededed; } #marketting_boxes .newhpmboxes p{ letter-spacing:-2px; } #marketting_boxes .newhpmboxes .headline { font-size: 14px; color: #3b3b3c; margin: 17px 11px 4px 22px; font-weight: bold; /*text-transform: uppercase;*/ text-align:left !important; } #marketting_boxes .newhpmboxes a { display: block; } #marketting_boxes .newhpmboxes p { margin-bottom:15px; font-size: 14px; margin: 0 24px 15px 47px; letter-spacing: -1px; } #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: #3b3b3a000; font-family: 'Work Sans', sans-serif; font-size: 14px; text-transform: uppercase; } #signup_submit { background: url("../../../images/2013/jp/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/ca/footer/signup_submit.gif") no-repeat scroll 0 0 transparent;*/ border: medium none; z-index:101; cursor: pointer; float: left; height: 20px; width: 32px; font-size: 12px; background-color:#959595; color:white; text-align: center; font-weight: bold; } #markEmail,#headerSignUpEmail { width: 117px; padding: 2px; font-size: 12px; } #posts_videos .newhplateposts p { line-height: 15px; margin-right: 17px; font-size: 12px; } #posts_videos #bc_latePost2 p{ margin-right: -5px !important; } #posts_videos #bc_latePost5 p, #posts_videos #bc_latePost3 p{ margin-right: 0px !important; } nav ul li section { -moz-box-shadow: 0 1px 0px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; } div.nav_1_drop .nav_block .drop_text p { font-size: 14px; } div.nav_1_drop .nav_block .drop_text p:hover { color: #3b3b3c; } 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: 13px; } div.nav_1_drop .nav32_bg h3,div.nav_1_drop .nav31_bg h3,div.nav_1_drop .nav33_bg h3,div.nav_1_drop .nav34_bg h3 { padding-top: 0px; text-align: center; padding-bottom:145px; } div.nav_1_drop .nav32_bg h3,div.nav_1_drop .nav32_bg h2,div.nav_1_drop .nav33_bg h2,div.nav_1_drop .nav33_bg h3,div.nav_1_drop .nav34_bg h3 { text-align: center; } div.nav_1_drop .nav32_bg h2,div.nav_1_drop .nav33_bg h2{font-size: 16px;} 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; } div.nav_1_drop .nav34_bg p{ padding-top: 20px; } /* 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: #3b3b3a; margin: 10px 0; } .disc_elements li { color: #3b3b3a; margin-left: 15px; list-style: disc; } .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; color:#3b3b3a; } #two_cols .qa_answer { font-weight: normal; display: none; } #two_cols .qa p.title { width: 710px; float: left; font-size: 15px; color: #3b3b3c; cursor: pointer; } #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; } #content_cart { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; padding:0px 0px 0 20px; text-align: left; width: 980px; border: 1px solid #D3D3D3; zoom: 1; min-height: 230px; position:relative; } .cartPromoMsg{ font-size: 12px; } .cartPromoMsg .promoColor{ color:#f06eaa; font-weight:bold; } 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:-99px; top:140px; background:#fff; display:none; z-index:5; } #noSerialNumber{ border: 1px solid #ADADAD; box-shadow: 0 0 7px #ADADAD; -moz-box-shadow: 0 0 7px #ADADAD; width:680px; padding-bottom:10px; top:17px; left:58px; } #noSerialNumber .carrot{ bottom:-17px; } #serial_num .carrot, #noSerialNumber .carrot { bottom: -20px; position: absolute; } #serial_close, #serial_close1 { cursor: pointer; opacity: 0.5; position: absolute; right: 0; top: 0; } #serial_close:hover, #serial_close1:hover{ filter:alpha(opacity=100); opacity:1; } #serial_num_inner { padding: 0px; border: 1px solid #ADADAD; box-shadow: 0 0 7px #ADADAD; -moz-box-shadow: 0 0 7px #ADADAD; width:687px; z-index:7; margin: 45px 0 0 20px; } #serial_num_inner .serial_inner_left,.serial_num_retry { width: 235px; float: left; margin-right: 5px; } .serial_inner_right { width: 400px; float: left; padding-top: 40px; } .serial_num_retry_right { width: 400px; float: left; padding-top: 40px; } .nouser_inner { padding: 15px 0px 20px 15px; } .tone_selector { padding: 10px 50px 20px 15px; } #confirmation { padding: 40px 0px 100px 15px; } #confirmation .messageA { width: 413px; float: left; } #confirmation .messageA_img { width: 200px; float: left; } #confirmation .messageA h2 { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #02a4ba; margin-bottom: 15px; padding-left: 21px; } #confirmation .messageA_bg { background: url(../../../images/2013/jp/activation/blue_1.gif) no-repeat 0 4px; padding-top: 0px; padding-bottom: 5px; } #confirmation .messageB_bg { background: url(../../../images/2013/jp/activation/blue_2.gif) no-repeat 0 4px; padding-top: 2px; padding-bottom: 5px; margin-top: 17px; } #confirmation .messageC_bg { background: url(../../../images/2013/jp/activation/blue_3.gif) no-repeat 0 4px; padding-top: 2px; padding-bottom: 5px; margin-top: 17px; } #content .thankyou_activation { padding: 40px 0px 40px 15px; } .thankyou_activation h2 { font-family: 'Work Sans', 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: 30px; float: left; } .thankyou_bottom_left { float: left; width: 350px; margin-right: 90px; margin-top: 20px; } .thankyou_bottom_right { float: left; width: 350px; } .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/jp/global/border_h.gif') bottom left repeat-x; } table.orders td { text-align: left; padding: 3px 0px 3px; background: url('../../../images/2013/jp/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: 'Work Sans', sans-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: 5px 0px 3px 0px; text-align: left; line-height: 17px; color: #3b3b3a; } table.form th { color: #3b3b3c333; font-weight: bold; padding-bottom: 0px; font-size: 14px; } .error01 { color: #FF0000; } .error { color: #FF0000; border-color: #FF0000; line-height: 20px; padding: 5px; } 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: 'Work Sans', sans-serif; } .acne_shop_text { font-size: 14px; font-family: 'Work Sans', sans-serif; font-weight: bold; } /* skin tone chart styles start */ .compare_guide { margin: 40px auto 20px auto; text-align: center; vertical-align: middle; background: url('../../../images/2013/jp/ppage/LHR/HRL_InteractiveTool_BG_01.jpg') top left no-repeat; width: 828px; padding-top: 40px; } #container_skin { padding: 15px 0px 0px 17px; } .comparative { font-size: 10px; line-height: 13px; color:#3b3b3a !important; width:500px; } /*sweeps panels*/ div#tmp_colors_SlideshowControls { border-radius: 4px 4px 4px 4px; height: 14px; padding: 2px; position: absolute; right: 50%; top: 490px; margin-right: -480px; } div#tmp_promo_SlideshowControls { background: #FFFFFF; border-radius: 4px 4px 4px 4px; height: 14px; padding: 2px; position: absolute; right: 50%; top: 320px; margin-right: -480px; } .leftCallout_pramotionBanner1 div, .leftCallout_pramotionBanner1 div p{text-align: center !important; color:#ffffff;} #tmpSlide-2 .leftCallout_pramotionBanner1 div, #tmpSlide-2 .leftCallout_pramotionBanner1 div p{text-align: center !important; color:#3b3b3a;} /*sweeps panel end*/ #tmpSlide-2 .hp_panel .leftCalloutBanner1 .comparative { font-size: 10px; left: -20px; line-height: 13px; position: absolute; top: 335px; color:#ffffff !important; letter-spacing: 1px; } .compare_bottom { text-align: left; padding-left: 92px; width: 600px; margin-top: 40px; } .colorSelect_bottom { text-align:left; padding-left:250px; width:500px; margin-top:40px; padding-left:92px; } .clear-skin { clear: both; } .left-skin { float: left; margin-right: 1px; padding-top: 0 !important; } #second_select { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #02a4ba; font-weight: bold; } .result_head { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #3b3b3c; } .result_head3 { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #3b3b3c; margin-bottom: 10px; font-weight: bold; } .result_head2 { font-family: 'Work Sans', sans-serif; font-size: 14px; color: #3b3b3c; /* color:#d71920;*/ font-weight: bold; margin-bottom: 10px; } .disclaimer1 { margin: 40px 0 60px 140px; text-align: left; width: 600px; } .result4 { background: url('../../../images/2013/jp/ppage/interactiveTool_circle.jpg') no-repeat top left; padding: 10px 0 1px 50px; width: 600px; height: 40px; } .result3 { background: url('../../../images/2013/jp/ppage/checkmark.jpg') no-repeat top left; padding: 0 30px; width: 600px; height: 80px; margin:20px 0; } .result2 { background: url('../../../images/2013/jp/ppage/interactiveTool_x.jpg') no-repeat top left; padding: 10px 0 0 50px; width: 600px; height: 95px; } .skin_back1 { height: 140px; width: 670px; margin: 0 auto; } .skin_back2 { height: 178px; width: 670px; margin: 0 auto; } .skin_chart_cell { width: 106px; line-height: 15px; text-align: center; } .skin_chart_cell2 { width: 91px; line-height: 15px; text-align: center; } .skin_title { height: 40px; width: 100%; text-align: left; vertical-align: middle; background: url('../../../images/2013/jp/activation/number2.jpg') no-repeat top left; padding: 4px 0 0 35px; font-size: 15px; color: #3b3b3a; } .skin_title1 { height: 40px; width: 100%; text-align: left; vertical-align: middle; background: url('../../../images/2013/jp/activation/number1.jpg') no-repeat top left; padding: 4px 0 0 35px; font-size: 15px; color: #3b3b3a; } .skin_chart { margin-top: -20px; position: absolute; left: 160px; } .skin_chart2 { margin-top: -25px; position: absolute; left: 160px; } .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; } #tmpSlide-3 .comparative{ font-size: 10px; left: 0px; line-height: 13px; position: absolute; top: 330px; text-align: left; color: #FFF !important; letter-spacing: 2px; width : 520px; } #tmpSlide-3 .comparative .subtext{ margin-left: 20px; } #tmpSlide-4 .comparative{ font-size: 10px; left: 0px; line-height: 13px; position: absolute; top: 330px; color:#FFF !important; letter-spacing: 2px; } #tmpSlide-1 .comparative { /*color: #EEB4E2 !important;*/ font-size: 10px; left: -10px; line-height: 13px; position: absolute; top: 364px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1,#tmpSlide-2 .hp_panel .leftCalloutBanner1 { position: absolute; top: 127px; left: 50px; width: 484px; text-align: left; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 { position: absolute; top: 160px; left: 65px; width: 560px; text-align: left; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 p { font-size: 13px; color: #FFF; text-align: left; line-height: 19px; margin-bottom:35px; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 .promoText{ font-size:15px; } #tmpSlide-5 .hp_panel .leftCalloutBanner1 { position: absolute; top: 220px; left: 270px; width: 430px; text-align: center; } #tmpSlide-5 .hp_panel .leftCalloutBanner1 .greybtn{ font-size:14px !important;} #tmpSlide-5 .hp_panel .leftCalloutBanner1 p { font-size: 14px; color: #3b3b3c; text-align: center; line-height: 19px; margin-bottom:20px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1{ position: absolute; top: 150px; left:65px; width: 512px !important; text-align: left; } #tmpSlide-1 .hp_panel .leftCalloutBanner1{ left: 655px; position: absolute; text-align: left; top: 180px; width: 650px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1{ position: absolute; top: 267px; width: 460px; text-align: left; left :65px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p { font-size: 13px; line-height: 19px; margin-top: 120px; text-align: left; width: 478px; color:#ffffff; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .promoText{ font-size:13px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .offerText, #tmpSlide-3 .hp_panel .leftCalloutBanner1 .offerText, #tmpSlide-4 .hp_panel .leftCalloutBanner1 .offerText{ font-size:13px; color: #ffffff; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p{ font-size: 13px; line-height: 19px; /*margin-bottom: 30px;*/ margin-top: 30px; text-align: center; width: 560px; margin-left:-415px; letter-spacing: 1px; color: #ffffff; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p .promoText{ font-size: 15px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 .product1{ text-transform: capitalize; position: absolute; top: 300px; left: -460px; text-align: center; width: 200px; color: #23232 } #tmpSlide-1 .hp_panel .leftCalloutBanner1 .product2{ text-transform: capitalize; position: absolute; top: 300px; left: -210px; text-align: center; width: 200px; color: #23232 } #tmpSlide-1 .hp_panel .leftCalloutBanner1 .product3{ text-transform: capitalize; position: absolute; top: 300px; left: 60px; text-align: center; width: 200px; color: #23232 } #tmpSlide-1 .hp_panel .leftCalloutBanner1 .product4{ text-transform: capitalize; position: absolute; top: 300px; left: 310px; text-align: center; width: 200px; color: #23232 } #tmpSlide-1 .hp_panel .leftCalloutBanner1 span a.arrow, #tmpSlide-1 .hp_panel .leftCalloutBanner1 span a.arrow:hover{ font-weight: bold; color: #e7048c !important; background: url('../../../images/2013/jp/global/promo_arrow.png') no-repeat center right !important; text-decoration:underline !important; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p .ftext{ font-size:11px; padding-top: 99px; position: absolute; width: 500px; left: 0px; color: #D3C3C3; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p .ftext{ font-size:11px; padding-top: 100px; position: absolute; width: 500px; left: 0px; color: #7C7B7B; margin-left: -20px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 p{ font-size: 13px; line-height: 19px; /*margin-bottom: 33px;*/ margin-top: 5px; margin-left: 0px; text-align: left; width: 485px; color:#FFFFFF; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 .promoText{ font-size:15px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 p .ftext{ font-size:11px; padding-top: 90px; position: absolute; width: 500px; left: 0px; color: #7C7B7B; margin-left: -20px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 .cartbtnpurpPanel1{ padding: 0px 35px !important; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 .greybtn a { background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; background-color: #1E7EAB !important; font-size: 14px !important; padding: 10px 14px !important; font-weight: bold !important; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 .greybtn a { background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; background-color: #1E7EAB !important; font-size: 13px !important; padding: 10px 36px !important; font-weight: bold !important; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .greybtn a{ /*background: linear-gradient(#11B98E, #0B9371) repeat scroll 0 0 #0B9371 !important; font-size: 14px !important; font-weight: bold !important; margin-left: 0 !important; padding: 10px 24px !important; background-color: #0B9371 !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#11B98E', endColorstr='#0B9371');} */ background-color: #c174b4 !important; background: linear-gradient(#c172b5, #98568d) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 13px !important; font-weight: bold !important; padding: 10px 24px !important; margin-left: 0px !important; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .greybtn{ margin-top: 1px; float: left; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 .greenbtn2{ background: linear-gradient(#11B98E, #0B9371) repeat scroll 0 0 #0B9371 !important; font-size: 14px !important; font-weight: bold !important; margin-left: 0 !important; padding: 0px 35px !important; background-color: #0B9371 !important; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 .greybtn a { background-color: #c174b4 !important; background: linear-gradient(#c172b5, #98568d) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 14px !important; font-weight: bold !important; padding: 10px 24px !important; margin-left: 0px !important; } .leftCalloutBanner1 .greybtn a { font-size: 18px; } .greybtn2 { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 transparent; color: #FFFFFF !important; background-color:#2AA3E0; cursor: pointer; font-size: 13px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: medium none; text-transform: uppercase; display: inline-block; height: 35px; line-height: 35px; padding: 0 11px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB');/*For IE7-8-9*/ } .greybtn2:hover { background-color: #3b3b3c; } .greybtn1 { background: #585858 !important; color: #FFFFFF !important; cursor: pointer; font-size: 14px; padding: 3px 10px 2px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: none; text-transform: uppercase; } a.greybtn2 { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 transparent; color: #FFFFFF !important; background-color:#2AA3E0; cursor: pointer; font-size: 13px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: medium none; text-transform: uppercase; display: inline-block; height: 35px; line-height: 35px; padding: 0 7px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB');/*For IE7-8-9*/ } a.greybtn2:hover { background-color: #3b3b3c; } .greybtn input,.greybtn a { background: #585858 !important; color: #FFFFFF !important; cursor: pointer; font-size: 16px; padding: 4px 12px; border-radius: 1px; } .greybtn input:hover,.greybtn a:hover { background-color: #3b3b3c; } .readmore { color: #0c6089; } #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: 20px; float: right; line-height:35px; width:auto; margin-top:-10px; right:-20px; } 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; } 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.buynowBlue { font-weight: bold; font-size: 13px; text-transform: uppercase; background:linear-gradient(#2AA3E0 60%, #1E7EAB); margin-right: 20px; margin-top: -10px; float: right; color: #fff !important; display:inline-block; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB');/*For IE7-8-9*/ height: 35px; cursor:pointer; letter-spacing: 1px; line-height:35px; width:auto; padding:0 20px; top: -3px; } a.buynowBlue:hover { background-color: #1a8aba; } a.buynowBlue2 { font-weight: bold; font-size: 13px; text-transform: uppercase; background:linear-gradient(#2AA3E0 60%, #1E7EAB); margin-right: 0px; margin-top: -10px; float: right; color: #fff !important; display:inline-block; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB');/*For IE7-8-9*/ height: 35px; cursor:pointer; letter-spacing: 1px; line-height:35px; width:auto; padding:0 20px; top: -3px; } a.buynowBlue2:hover { background-color: #1a8aba; } a.buynowPurp{ font-weight:bold; font-size:11px; text-transform:uppercase; background:#b456a7 url('../../../images/2013/jp/global/buynowLock.png') left top no-repeat; padding:2px 0 0 30px; height:18px; width:61px; margin-right:40px; float:right; color:#fff !important; } a.buynowPurp:hover{ background-color:#8c4582; } a.buynowPurp2{ font-weight:bold; font-size:11px; text-transform:uppercase; background:#b456a7 url('../../../images/2013/jp/global/buynowLock.png') left top no-repeat; padding:2px 0 0 30px; height:18px; width:61px; float:right; color:#fff !important; } a.buynowPurp2:hover{ background-color:#8c4582; } #floating_buynow { position: fixed; bottom: 0px; right: 0px; width: 140px; height: 20px; display: block; z-index: 1000; } a.floating_buynowGreen { font-weight: bold; font-size: 14px; text-transform: uppercase; background: #20b88f url('../../../images/2013/jp/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/jp/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; } a.floating_buynowPurp{ font-weight:bold; font-size:14px; text-transform:uppercase; background:#B456A7 url('../../../images/2013/jp/global/bn_lg.jpg') left top no-repeat; padding:7px 0 0 49px; height:23px; width:90px; float:right; color:#fff !important; } a.floating_buynowPurp:hover{ background-color:#8c4582; } .mboxlink, .mboxlink:hover{ background: url('../../../images/2013/jp/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: 19px; border: none !important; display: inline; } .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/jp/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/jp/global/plus_on.png') no-repeat top left; } .minus_button { background: url('../../../images/2013/jp/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/jp/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: 'Work Sans', sans-serif; color: #3b3b3c; } .product_name_list { margin: 10px 0px 5px; } .product_price_list { margin: 0 0 5px 0; } #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: -143px 0 0 -65px; display: none; z-index: 3000; } #flyout2b { position: absolute; margin: -180px 0 0 74px; display: none; z-index: 3000; } #flyout2c { position: absolute; margin: -145px 0 0 -65px; display: none; z-index: 3000; } #flyout2d { position: absolute; margin: -183px 0 0 75px; display: none; z-index: 3000; } #flyout3a { position: absolute; margin: -295px 0 0 -129px; display: none; z-index: 3000; } #flyout4a { position: absolute; margin: -221px 0 0 -120px; display: none; z-index: 3000; } #flyout2p { position: absolute; margin: -157px 0 0 -56px; display: none; z-index: 3000; } .30top { margin-top: 30px !important; } #buynow_hopup_close { position: absolute; margin: -53px 0 0 540px; } #flyout1b_hopup_close { position: absolute; margin: 16px 0 0 534px; } #flyout1d_hopup_close { position: absolute; margin: 16px 0 0 534px; } #flyout2a_hopup_close { position: absolute; margin: -11px 0 0 301px; } #flyout2b_hopup_close { position: absolute; margin: -11px 0 0 281px; } #flyout2c_hopup_close { position: absolute; margin: -11px 0 0 301px; } #flyout2d_hopup_close { position: absolute; margin: -11px 0 0 281px; } #flyout3a_hopup_close { position: absolute; margin: -11px 0 0 502px; } #flyout4a_hopup_close { position: absolute; margin: -11px 0 0 334px; } #flyout2p_hopup_close { position: absolute; margin: -11px 0 0 278px; } #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: 245px !important; text-align: center !important; padding: 0 40px 60px !important; border-right: solid 1px #ccc !important; border-bottom: solid 1px #ccc !important; } #advanced-skincare3 { border-right: none !important; width: 266px !important; padding:0 30px 60px !important; } .cat_product:last { border: none !important; } .cbl_pname { width: 100%; text-align: center !important; } .ac_content { width: 850px; } .ac_content h2{ color:#3b3b3a !important; margin-right:0px !important; } .ac_content h2 b{ color:#3b3b3c !important; } .ac_content h2 span{ font-size:10px; } .tbdcbc_srl_feature5{ height:429px; background-position: left bottom !important; } .tbdcbc_srl_feature5 .tbdcbContent .headline{ position:relative; top:0px; left:-343px; width:650px; padding-bottom:20px; } .tbdcbc_srl_feature5 .tbdcbContent{ width:560px; float:right; padding:40px 40px 40px 0; } .tbdcbc_srl_feature5 .bodycopy #text4{ font-size:10px; } /* Custom Default Content Box Styles */ .tbdcbc_srl_feature6 .tbdcbImage{ float:right; } #tbdcbc_srl_feature6{ height:500px; } .tbdcbc_srl_feature6 .tbdcbContent{ width:445px; padding:40px 15px 40px 40px; } .tbdcbc_srl_feature6 .tbdcbContent #headline{ padding-top:100px; } .tbdcbc_srl_feature6 .tbdcbContent .bodycopy span{ position: relative; top: 50px; font-family: 'Work Sans', sans-serif; font-size:10px; color:#3b3b3a; padding-top:50px; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } /* Custom Default Content Box Styles */ .tbdcbc_srl_feature4 .videoLink{ margin-left:93px; } .tbdcbc_srl_feature4 .videoLink a{ background: url('../../../images/2013/jp/global/link_arrow.png') no-repeat center right !important; color: #3b3b3c !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; } .tbdcbc_srl_feature4 .tbdcbContent #headline{ padding-top:40px; margin-left:-270px; } #tbdcbc_srl_feature4{height:750px;} .tbdcbc_srl_feature4 .tbdcbContent .bodycopy {background: url('../../../images/2013/uk/global/QuoteMarks_SRL.png') no-repeat 10px 15px; float:right; padding:50px 40px 40px 80px; } .tbdcbc_srl_feature4 .tbdcbContent1 .bodycopy {background: url('../../../images/2013/uk/global/QuoteMarks_SRL.png') no-repeat 10px 15px; float:left; padding:50px 40px 40px 80px; } .tbdcbc_srl_feature4 .tbdcbContent1 .bodycopy p { font-family: 'Work Sans', sans-serif; font-size: 18px; line-height: 24px; } .tbdcbc_srl_feature4 .bodycopy span{ font-family: 'Work Sans', sans-serif; font-size: 10px; color:#3b3b3a !important; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } #tbdcbc_srl_about2 .bodycopy p{margin-left:40px;} .tbdcbc_srl_feature4 .tbdcbContent .bodycopy p{ font-family:'MS Mincho', Georgia, serif; font-size: 18px; line-height:24px; } .tbdcbc_srl_feature4 .tbdcbContent .stepcopy_2 .videoLink{ padding-left: 410px; } .tbmcc_srl_benefits1{border-bottom:none !important;} #tbdcbc_spbl_about2 .bodycopy{margin:0 30px; margin-left: 20px !important; } .tbdcbc_srl_feature4 .tbdcbImage{ margin-left: 30px; padding-top: 105px; padding-bottom: 40px; border-bottom:none !important; width:270px !important; } .tbdcbc_srl_feature4 .tbdcbImage1{ margin-right: 20px; padding-top: 40px; padding-bottom: 40px; border-bottom:none !important; } .tbdcbc_spbl_about2 .tbdcbContent #headline h3, .tbdcbc_spbl_about4 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .subproduct_page_item .tbdcbc_srl_feature4 .tbdcbContent{ text-align:left !important; } .tbdcbc_srl_feature4 .pageLink { padding-left:79px; } .tbdcbc_srl_feature4 .stepcopy_1 { float: left; margin-top: 10px; padding-left: 93px; width: 550px; } .tbdcbc_srl_feature3 .tbdcbContent DIV#headline{ margin:40px 0 0 0; } .tbdcbc_srl_feature1 .tbdcbContent DIV.headline{ margin:40px 0 0 40px; } .tbdcbc_srl_feature1 .tbdcbContent DIV.headline h3,.tbdcbc_srl_feature5 .tbdcbContent DIV.headline h3{ font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; margin-bottom: 9px; color: #3b3b3c; text-transform: none; } .tbdcbc_srl_feature2{ padding:40px 0; } .tbdcbc_spbl_feature1{ height:641px; 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_feature1 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; margin-bottom: 9px; } .tbdcbc_spbl_feature2 { margin-top: 40px; } .tbdcbc_spbl_feature2 .tbdcbContent .bodycopy div{ position:relative; top:300px; left:40px; font-size:10px; color:#3b3b3a !important; text-align:left; } .tbdcbc_spbl_feature2 .tbdcbContent #headline h3, .tbdcbc_spbl_feature4 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_spbl_feature6 .tbdcbContent .headline { left: -230px; position: relative; top: 0px; width: 700px; } .tbdcbc_spbl_feature6 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; text-align:center; } #tbdcbc_spbl_feature6 .bodycopy p.derm_name{ font-family: 'Work Sans', sans-serif; font-size: 13px; line-height: 13px; width: 380px; } #contentP .liveEditBox .tbdcbc_spbl_feature6 .tbdcbImage{ padding: 30px 0px ;} .tbdcbc_spbl_feature3 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 27px; margin-bottom: 5px; line-height: 36px; color: #3b3b3c; margin-top: 175px; } .tbdcbc_spbl_feature2 .tbdcbImage { margin-bottom: 40px; position:relative; top:-64px; } .tbdcbc_spbl_feature3 .tbdcbContent { padding: 116px 0px 0px 410px; text-align: left; width: 550px; } .tbdcbc_spbl_feature3{ border-bottom: 0 solid #FFFFFF; } .tbdcbc_spbl_about3 .tbdcbContent{text-align:left !important; } .tbdcbc_spbl_about3 .tbdcbContent span{ font-size:10px;color:#3b3b3a !important;} .tbdcbc_spbl_about3 .tbdcbContent{ background:url("../../../images/2013/jp/global/QuoteMarks_BL.png") no-repeat scroll 0px 90px transparent; float:right; padding-bottom: 63px; width: 500px; padding: 60px 30px 0 80px; } .tbdcbc_spbl_about3 .headline { position: relative; top: -50px; left: -384px; } .tbdcbc_spbl_feature4 .tbdcbImage { border-bottom: 1px solid #DCDCDC; float: left; width: 275px; padding:105px 0px 60px 40px; } .tbdcbc_srl_feature4 .tbdcbContent { width: 670px; } .tbdcbc_srl_feature4 .tbdcbContent1 { width: 670px; margin-left:40px; } .tbdcbc_spbl_feature4 .tbdcbContent { background:url("../../../images/2013/jp/global/QuoteMarks_BL.png") no-repeat scroll 0px 106px transparent; padding-bottom: 63px; width: 550px; padding: 40px 40px 0 80px; } #tbdcbc_spbl_feature4 .tbdcbImage{border-bottom:none !important;} #tbdcbc_spbl_feature4{border-bottom:none !important;} .tbdcbc_spbl_feature4 #headline{position:relative;top:0px; left:-352px;} .tbdcbc_spbl_feature4 .bodycopy{margin-top:40px;} .tbdcbc_spbl_feature4 .bodycopy p{font-family:'Work Sans', sans-serif;font-size:18px !important;line-height:23px !important;} .tbdcbc_spbl_feature4 { border-top: 0px solid #ccc; border-bottom: 0px solid #fff; } .tbdcbc_spbl_feature4 .bodycopy a{ font-family:'Work Sans', sans-serif; } .tbdcbc_spbl_feature6 .tbdcbContent { float: right; padding: 30px 0 0 0px; width: 600px; } .tbdcbc_spbl_feature6 { border-top: 1px solid #ccc; border-bottom: 0px solid #fff; height:500px; } .tbdcbc_lhr_4x_feature5 { border-top: 1px solid #ccc; } .tbdcbc_lhr_4x_feature5 .tbdcbImage{ margin-top: 20px; } .tbdcbc_lhr_4x_feature5 .tbdcbContent { width: 575px; margin-top: 20px; } .tbdcbc_lhr_4x_feature5 .tbdcbContent #headline h3{ margin-bottom: -20px !important; margin-top: 48px !important; letter-spacing: -1px; font-size: 30px !important; } .tbdcbc_lhr_4x_feature5 .tbdcbContent #headline h3, .tbdcbc_lhr_4x_feature6 .tbdcbContent #headline h3, .tbdcbc_lhr_4x_feature9 .tbdcbContent #headline h3, .tbdcbc_lhr_4x_feature10 .tbdcbContent #headline h3 { font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_lhr_4x_feature9 .pageLink{ margin-top:20px; } .tbdcbc_lhr_4x_feature_bid { border-bottom: 1px solid #DCDCDC; /* border-top: 1px solid #DCDCDC; */ width: 980px; } .tbdcbc_lhr_4x_feature_bid .column1 { float: left; padding: 190px 15px 30px 40px; } .tbdcbc_lhr_4x_feature_bid .column1 .content{ margin-left: 135px; margin-top: -25px; position: absolute; } .tbdcbc_lhr_4x_feature_bid .column1 .link { padding-top: 50px; } .tbdcbc_lhr_4x_feature_bid .column2 { float: left; padding: 190px 0 30px; } .tbdcbc_lhr_4x_feature_bid .column3 { float: right; position: relative; margin-right: 2px; } .tbdcbc_lhr_4x_feature_bid .column3 .column_text { left: -470px; position: absolute; top: 30px; width: 500px; } .tbdcbc_lhr_4x_feature_bid .column3 .comparative{ margin-top:320px; position:absolute; } .tbdcbc_lhr_4x_feature_bid .column3 .column_text .content, .tbdcbc_lhr_4x_feature_bid .column3 .column_text .content p { line-height: 20px; width: 430px; } .tbdcbc_lhr_4x_feature9 .tbdcbContent { float: right !important; } .tbdcbc_lhr_4x_feature9 .tbdcbContent { padding: 100px 40px 0; width: 430px; } .tbdcbc_lhr_4x_feature8 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; margin-bottom: 9px; text-transform: none; margin: 0 0 9px; } .tbdcbc_lhr_4x_feature5 .bodycopy span,.tbdcbc_lhr_4x_feature6 .bodycopy span{ font-size:10px; color:#3b3b3a !important; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } .tbdcbc_lhr_about6 .subHeader h3{ font-size:10px; padding-left: 410px; position:relative; margin-top: 45px; color:#3b3b3a !important; } .tbdcbc_lhr_4x_feature6 .tbdcbContent { margin: 40px 40px 0; } .tbdcbc_lhr_4x_feature6 .tbdcbImage { margin-bottom: 40px; position:relative; top:-20px; } .tbdcbc_lhr_4x_feature6 .pageLink { margin-bottom: 40px; } .tbdcbc_lhr_4x_feature6 .bodycopy span{ position:relative; top:340px; } .tbdcbc_lhr_4x_feature7 { border-top: 1px solid #ccc; } .tbdcbc_lhr_4x_feature7 .tbdcbContent { width: 380px; margin: 0px 260px 0 0px; padding-top: 105px; } .tbdcbc_lhr_4x_feature8 { height:375px; border-bottom:none !important; } .tbdcbc_lhr_4x_feature8 .tbdcbContent { left: 260px; padding-top: 60px; position: absolute; width: 380px; } .tbdcbc_lhr_4x_feature8 .tbdcbContent .bodycopy p{ font-size: 14px !important; letter-spacing: -1px !important; } .tbdcbc_lhr_4x_feature8 .tbdcbContent .bodycopy img{ margin: -166px 0 0 353px !important; position: absolute; } .imageTwo { position: absolute; margin: -200px 300px 0; } #tbdcbc_lhr_benefits4 .tbdcbContent .greenbtn2 { font-size: 15px; left: -253px; position: relative; top: 415px; width: 70px; } #tbdcbc_lhr_benefits2 .bodycopy .comparative{ margin-left: -65px; margin-top: 100px; position: absolute; } #tbdcbc_lhr_benefits7 .bodycopy .comparative{ position:absolute; margin-left: -110px; margin-top: 40px; } .tbdcbc_srl_about1 .tbdcbContent #headline h3, .tbdcbc_srl_about2 .tbdcbContent #headline h3, .tbdcbc_srl_about3 .tbdcbContent #headline h3, .tbdcbc_srl_about4 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_srl_about1 .tbdcbContent .subHeader h2{ font-size: 10px; line-height: 20px; position:relative; top:70px; } .tbdcbc_srl_about1 .tbdcbContent .bodycopy { position:relative; } #contentP .subproduct_page_item #tbdcbc_srl_about2 { padding: 40px 0 20px; } .tbdcbc_srl_about2 .tbdcbContent DIV.subHeader h2{ font-size: 10px; line-height: 20px; position:relative; top:70px; } .tbdcbc_srl_about2 .tbdcbContent .bodycopy p{ position:relative; float:none; } .tbdcbc_srl_about2 .bodycopy p{ float:left; font-size: 10px; } .tbdcbc_srl_about3 .tbdcbContent DIV.subHeader h2{ font-size: 10px; line-height: 20px; position:relative; top:30px; } .tbdcbc_srl_about3 .tbdcbContent .bodycopy { position:relative; padding:0 40px; } .tbdcbc_srl_feature2 .tbdcbContent .subHeader h2{ font-size: 10px; line-height: 20px; } .tbdcbc_srl_feature1 .tbdcbContent DIV.subHeader h2{ font-size: 10px; line-height: 20px; } .tbdcbc_srl_feature3 .tbdcbContent DIV.subHeader h2{ font-size: 10px; line-height: 20px; position:relative; top:110px; } .tbdcbc_srl_feature6 .tbdcbContent DIV.subHeader h2{ font-size: 10px; line-height: 20px; position:relative; top:310px; color:#3b3b3a !important; } .liveEditBox .newpdpmboxes .subHeader1{ position:relative; top:-20px; font-size: 10px; } /* Default Content Box Styles */ .tbdcbContent DIV.headline h2 span{ font-size: 20px; } .tbdcbContent DIV.headline h2 { color: #3b3b3c; font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; margin-bottom:9px; } .tbdcbContent DIV.bodycopy p { font-size: 15px; line-height: 20px; } .tbdcbc_lhr_benefits6 .bodycopy p { font-size: 14px !important; line-height: 20px; } .tbdcbc_spbl_benefits3 div.bodycopy p { text-align:left; } .tbdcbc_spbl_benefits3 div.bodycopy span { color:#707070; font-size:10px; } .tbdcbc_spbl_benefits3 div.bodycopy h3{ font-size:12px; } .tbdcbc_spbl_benefits3 div.bodycopy h4{ font-size:12px; color:grey; } .tbdcbleft,.tbdcbright,.tbdcbcenter,.tbdcbback { border-bottom: 1px solid #ccc; } .tbdcbleft .tbdcbImage { float: left; width: 270px; } #tbdcbc_spbl_benefits1{height:350px;} .tbdcbc_spbl_benefits1 .tbdcbContent #headline h3, .tbdcbc_spbl_benefits2 .tbdcbContent #headline h3, .tbdcbc_spbl_benefits3 .tbdcbContent #headline h3, .tbdcbc_spbl_benefits5 .tbdcbContent #headline h3, .tbdcbc_spbl_benefits6 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_spbl_skincare_replenish_me .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_spbl_skincare_replenish_me .tbdcbContent { float: right; width:450px; } .tbdcbc_spbl_skincare_replenish_me .tbdcbImage { border-bottom:none;width: 190px; } .tbdcbc_lhr_benefits2 .tbdcbImage ,.tbdcbc_lhr_benefits6 .tbdcbImage { border-bottom: none !important; } .tbdcbc_lhr_benefits6 .tbdcbImage { margin: 40px 40px 0; } .tbdcbleft .tbdcbContent { float: right; } .tbdcbright .tbdcbImage { float: right; } .tbdcbright .tbdcbContent { float: left; } .tbdcbcenter .tbdcbImage { text-align: center; } .tbdcbcenter .tbdcbContent { text-align: center; } .tbplc_lotion_beauty .tbdcbContent { text-align: left; margin: 30px 0px 9px 40px; } .tbdcbback .tbdcbImage { } .tbdcbback .tbdcbContent { } .tbdcbc_spbl_feature2 .tbdcbContent { text-align: center !important; } .tbdcbc_spbl_feature2 .tbdcbContent .bodycopy span{font-size:10px; color: #3b3b3a !important; line-height: 12px; margin-bottom: 0px; text-transform: none;} /* Product Page Styles */ #pBanner { position: absolute; margin: 190px 0 0 -20px; } #pBannerHop { /*width: 161px; height:166px;*/ position: absolute; margin: -367px 0 0 -307px !important; } #pBLBannerHop { /*width: 161px; height:166px;*/ position: absolute; margin: -290px 0 0 -324px !important; } #pLhrBanner { /*width: 161px; height: 166px;*/ position: absolute; margin: 0px 0 0 -1px; } .homePromo_cta{ margin-left: -590px; margin-right: 20px; margin-top: 210px; } .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: #3b3b3c !important; } .jcarousel-us-product ul { display: inline; list-style-type: none; } .jcarousel-us-product ul li { display: inline; border: 0; margin: 0; padding: 0 10px 0 0; float: left; } .liveEditBox .tbplc_lotion_beauty{ border-bottom:none !important; border-top: 1px solid #ccc;} .ppage_h1 { margin-bottom: 5px; } .newpdpcarousel { float: left; margin:40px 0 0 40px; } .replenish_logo { margin-top: 10px; } .newpdpfeature1 { border-top: 1px solid #ccc; margin-top: 40px; } .newpdpfeature1 .ac_subHeader1 h2 { font-weight: bold; font-size: 14px; text-transform: uppercase !important; color: #3b3b3c !important; margin: 10px 40px 0 40px; } .newpdpfeature1 .ac_content h2 { font-size: 14px; margin: 0 40px; color: #3b3b3c; } .newpdpfeature1 .ac_headline h2 { color: #3b3b3c; font-family: 'Work Sans', 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; width: 980px; } #subnav { margin:0 auto; width: 980px; background: #ffffff; text-align: left; zoom: 1; padding-top:10px; height:37px; position:relative; } #product_info { width: 410px; float: right; margin: 40px 35px 0px 0; } .pprice { font-size: 24px; font-weight: bold; color: #3b3b3c; margin-bottom: 15px; margin-top:15px; height: 20px; } .shippingText { font-size: 13px; color: #f06eaa; font-style: italic; margin-top: 5px; } .title_box{ width:140px; } .easypayMessage { margin-top: 5px; } .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: 30px; font-size: 13px; } .FSAmessage hr { margin: 7px 0; height: 1px; } .60day { font-size: 12px; font-weight: bold; color: #3b3b3c !important; } .60day b { color: #3b3b3c !important; } .crossSell h5 { margin-bottom:5px; } .crossSell { height: 45px; } .crossSell1 { height: 90px; } .crossSell2 { height: 70px; } .crossSell2 h5,.crossSell1 h5{color:#f06eaa;} .crossSell_hp_bundle{ height: 15px !important; margin: 1px 0 10px -15px; } hr { width: 96% !important; } .crossSell h5 { font-size: 12px; text-transform: uppercase; } .crossSell_hopup { height: 25px; } .crossSell_hopup h5 { font-size: 12px; text-transform: uppercase; position: relative; letter-spacing: -1px; } crossSell_hrlp_hopup h5{ font-size: 12px !important; text-transform: uppercase; } .desc_height { } .discountMessage { font-size: 13px !important; font-weight: normal; } .bg-highlight{ font-size: 13px; color:#fff; background:#3b3b3a; padding:5px 8px; } #product_info #headline h2 .notenumber { font-size: 7px; } #headline hr { margin: 25px auto 0; height: 1px; } .message_above_price { height: 20px !important; } .message_above_price_hopup { height: 1px !important; position: relative; width: 210px; top: -120px; left: 315px; } .pCtaLeft { width: 172px !important; } .pCtaLeft_hopup { width: 243px !important; padding-left: 18px; } .coloredCarousel { padding-top: 18px; border-top: 1px solid #ddd !important; } .socialDiv { float: right; margin: 3px 6px 0 0; width: 188px; } .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; } #markEmail{ border: medium none; height: 13.78px; } #cross_img { position: absolute; margin: -73px 0 0 143px; width: 90px; } #cross_img2 { position: absolute; margin: -80px 0 0 143px; width: 90px; } #cross_hrlp_img2{ position: absolute; margin: -62px 0 0 143px; width: 90px; } #cross_img3 { position: absolute; margin: -40px 0 0 143px; width: 90px; } #cross_img4 { position: absolute; margin: -11px 0 0 123px; width: 90px; } #cross_img_hopup { position: absolute; margin: -80px 0 0 133px; width: 90px; height: 125px; } .or { position: absolute; margin: 0 0 0 -32px; } .or_hopup { position: absolute; margin: 0 0 0 -40px; } .nav_left_side { width: 480px; float: left; margin: 40px 20px 10px 30px; } #contentP h2 { color: #3b3b3c; text-transform: none; /* font-size:16px; */ } #product_display { display: block; } .product_image_div { display: block; } #product_info #headline h1 { font-family: 'Work Sans', sans-serif; font-size: 24px; color: #3b3b3c; } #product_info #headline h2 { color: #3b3b3c; font-size: 14px; line-height: 18px; margin: 0px 6px 0 0; width:410px; } #product_info #headline span { color: #3b3b3c; font-size: 14px; line-height: 18px; padding: 0px 6px 0 0; } #product_info #headline .subheaderh2 { color: #3b3b3c; font-size: 14px; line-height: 18px; padding: 0px 6px 0 0; } #product_info #headline p { color: #3b3b3c; font-size: 14px; line-height: 18px; margin: 0px 4px 0 0; } #product_info #headline p span{font-size:9px; color:#3b3b3a} #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: 238px; height: 205px; padding: 15px; } .newpdpmboxes .imageURL { text-align: center; } .newpdpmboxes .headline { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .newpdpmboxes p,.newpdpmboxes p a{ text-align: center; font-size: 12px; } #skinTone1 { padding-top: 40px; text-align: center; } #skinTone1 h3 { color: #3b3b3c; font-family: 'Work Sans', sans-serif; font-size: 35px; margin-bottom: 15px; } #tirtiary_nav .newpdpmboxes { position: relative; } #tirtiary_nav .newpdpmboxes .headline { position: absolute; top: 21px; width: 262px; left: 0px; font-size: 14px; } #tirtiary_nav .newpdpmboxes .headline a { color: #3b3b3c; } #tirtiary_nav .newpdpmboxes .imageURL { width: 235px; } #tirtiary_nav .newpdpmboxes p { position: absolute; top: 37px; width: 235px; } #tirtiary_nav #bc_lhr_4x_MBox4 span.disclimar, #tirtiary_nav #bc_hrlp_jp_MBox4 span.disclimar{ font-size: 10px; top: 140px; position: relative; } #tirtiary_nav #bc_lhr_4x_MBox4 p { padding-top: 13px; } #tirtiary_nav #bc_hrlp_jp_MBox4 p{ padding-top: 13px; } #tirtiary_nav .bc_spbl_MBox1 p, #tirtiary_nav .bc_spbl_MBox2 p, #tirtiary_nav .bc_spbl_MBox4 p{ text-align:left; padding-left: 35px; font-size: 12px; top: 78px; width: 187px;} #tirtiary_nav .bc_spbl_MBox3 p{ text-align:left; padding-left: 92px; font-size: 12px; top: 75px; letter-spacing: 2px; font-weight: bold; } #tirtiary_nav .bc_spbl_MBox3 span.disclimar{ font-size: 10px; top: 110px; position: relative; } /* P-page Reviews Styles */ .ppageReviews { margin: 40px 40px 60px 40px; } .ppageReviews2 { margin-bottom: 20px !important; } .ppageReviews h2 { color: #3b3b3c; font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; } .ppageReviews hr { width: 820px; margin: 0 auto 25px; height: 1px; } .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:#3b3b3c; } .reviewsInfo { font-size: 13px; } .reviewsContent { float: left; width: 600px; } .reviewsHeader { font-weight: bold; text-transform: uppercase; color:#3b3b3c; 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: 230px; } .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: 489px; 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; height: 18px; 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/jp/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/jp/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/2013/jp/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/jp/global/link_arrow.png') no-repeat right 2px; padding-right: 10px; color: #3b3b3a; 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: #aaaaaa; } a.flow_click_color:hover { color: #aaaaaa; text-decoration: underline; } .flow_click_color { color: #c5c5c5; } .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: 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; } .grey_small input:hover,.grey_small a:hover { background-color: #585858; border: solid 1px #eee; } div.img_postition { position: relative; } div.img_postition img { position: absolute; right: 0; top: -250px; } /* 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 .tbdcbc_lhr_about3 { padding: 0px 0px 60px 0; border-top: none !important; display: none; } #contentP .subproduct_page_item .tbdcbc_lhr_about7 { padding: 40px 0px 25px 0; text-align: center !important; border-bottom: none; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .headline, #contentP .subproduct_page_item .tbmcc_lhr_research .column2 .headline,.tbmcc_spbl_about .column2 .headline { font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 15px; line-height: 36px; color: #3b3b3c; } #contentP .subproduct_page_item .tbmcc_lhr_research{ position:relative; } #contentP .tbmcc_lhr_research .column1{ position: absolute; top: 264px; } #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: 448px; margin:95px 30px 0px; } #contentP .tbmcc_lhr_research .column2 .column_text .content { color: #3b3b3a; font-size: 15px; line-height: 20px; padding: 0; } #contentP .tbmcc_lhr_research .column2 .column_text .content h3{ font-size: 10px; color:#3b3b3a !important; } #contentP .tbmcc_lhr_research .column2 img { float: right; width: 470px; } #contentP .subproduct_page_item .tbdcbcenter .tbdcbContent .headline h2,#contentP .subproduct_page_item .tbdcbright .tbdcbContent .headline h2,#contentP .subproduct_page_item .tbdcbback .tbdcbContent .headline h2 { font-family: 'Work Sans', sans-serif; font-size: 36px; font-weight: normal; margin-bottom: 9px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbleft .tbdcbContent .headline h2{ font-family: 'Work Sans', sans-serif; font-size: 35px; font-weight: normal; margin-bottom: 9px; line-height: 37px; color: #3b3b3c; } #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; } .tbdcbc_lhr_about1 .tbdcbContent #headline h3, .tbdcbc_lhr_about2 .tbdcbContent #headline h3, .tbdcbc_lhr_about4 .tbdcbContent #headline h3, .tbdcbc_lhr_about5 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits_new{text-align: left !important; padding-left:200px;padding-right:200px; width:600px;} #contentP .subproduct_page_item .tbdcbc_spbl_benefits_new h2 span{font-size: 28px;} #contentP .subproduct_page_item .tbdcbc_spbl_benefits_new .bodycopy p span{font-size:10px;} #contentP .subproduct_page_item .tbdcbc_lhr_about3 .tbdcbImage { width: 193px; margin: 0 40px; } #pdf_slots .tbdcbc_lhr_easyToUse8 .tbdcbImage { width: 235px; margin: 0 40px; } .tbdcbc_lhr_easyToUse8 .tbdcbImage { border-bottom:none; } #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; } .tbdcbc_lhr_easyToUse8 .tbdcbContent #headline h3{ font-size:23px; line-height:30px; } #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; } #contentP .subproduct_page_item .newspdpslot3 .content,#pdf_slots .newspdpslot10 .content { font-family: 'Work Sans', sans-serif; font-size: 15px; line-height: 30px; } #contentP .subproduct_page_item .tbdcbc_lhr_about5, #contentP .subproduct_page_item .tbdcbc_srl_about4 { 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, #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .headline h2, #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .headline h3 { font-family: 'Work Sans', sans-serif; font-size: 23px; margin-bottom: 15px; line-height: 29px; color:#707070; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent { background: url('../../../images/2013/jp/global/QuoteMarks_HRL.png') no-repeat 343px 27px; } #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent { background: url('../../../images/2013/jp/global/QuoteMarks_SRL.png') no-repeat 343px 5px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .headline { padding: 56px 40px 0px 410px; } #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .headline{ padding: 33px 40px 0px 410px; text-align:left; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .bodycopy, #derm_background .tbdcbc_lhr_about6 .tbdcbContent .subHeader h2, #derm_background .tbdcbc_spbl_about2 .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .subHeader h2, #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .bodycopy { padding-left: 410px; font-size: 12px; } #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .stepcopy_2 .videoLink{ padding-left: 420px; } #contentP .subproduct_page_item .p_lhr_para3 { display: none; } #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent{ text-align:left !important; } #pdf_slots .newspdpslot8,#pdf_slots .newspdpslot9,#pdf_slots .newspdpslot10 { width: 240px; border-right: 1px solid #dcdcdc; float: left; padding: 0 25px 60px 25px; } #pdf_slots .newspdpslot10 { border: none; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .headline h3 { color: #3b3b3c; left: 40px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .headline h3 { color: #3b3b3c; left: 40px; position: absolute; font-family: 'Work Sans', sans-serif; font-size: 36px; font-weight: normal; margin-bottom: 9px; line-height: 38px; } #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; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbContent { float: right; width: 427px; margin-right: 40px; padding-top: 100px; text-align: center; } #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_lhr_benefits2 .tbdcbContent .bodycopy p{ font-size:14px !important; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits3 .tbdcbContent { float: left; width: 450px; padding-top: 93px; text-align: center; margin-left: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits3 .tbdcbImage { float: right; width: 470px; margin-bottom: -4px; } #contentP .subproduct_page_item .tbdcbc_srl_benefits1 .tbdcbImage { float: right; width: 530px; margin-bottom: -4px; } .tbdcbc_srl_benefits1 .tbdcbContent { width: 440px; padding-top:100px; } .tbdcbc_srl_benefits1 .tbdcbContent #headline h3, .tbdcbc_srl_benefits4 .tbdcbContent #headline h3, .tbdcbc_srl_benefits5 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbImage, #contentP .subproduct_page_item .tbdcbc_spbl_benefits1 .tbdcbImage { float: left; width: 470px; margin-right: 40px; } #contentP .subproduct_page_item .tbdcbc_srl_benefits1 .tbdcbImage img{ text-align:right; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2 .tbdcbImage{ margin-bottom: -3px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits4 .tbdcbImage{ margin-bottom:0px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits2, #contentP .subproduct_page_item .tbdcbc_spbl_benefits1, #contentP .subproduct_page_item .tbdcbc_spbl_benefits3, #contentP .subproduct_page_item .tbdcbc_srl_benefits1 { padding: 0px; } #pdf_slots .tbdcbc_lhr_benefits7 { padding: 40px 0 60px; text-align: center !important; } #tbdcbc_lhr_benefits7 { height: 473px; padding: 40px 0 5px !important; text-align: center; } #pdf_slots .tbdcbc_lhr_benefits7 h3{ color: #3b3b3c; font-size: 34px; line-height: 38px; margin-bottom: 20px; margin-top: 0; } #tbdcbc_lhr_benefits7 .tbdcbContent { padding: 0 40px; } #tbdcbc_lhr_benefits7 .bodycopy { padding: 48px 35px 0 440px; text-align: left; } #tbdcbc_lhr_benefits7 .bodycopy h2 { color: #707070; font-family: Georgia,Arial,sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; } #tbdcbc_lhr_benefits7 .tbdcbImage { margin-top: -264px; position: relative; } #tbdcbc_lhr_benefits7 .bodycopy { background: url("../../../images/2013/jp/global/QuoteMarks_HRL.png") no-repeat scroll 375px 27px rgba(0, 0, 0, 0); } #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; } #pdf_slots .tbdcbc_lhr_benefits6{ border-bottom: medium none; } #pdf_slots .tbdcbc_lhr_benefits6 { padding: 40px 0 60px; text-align: center !important; } #pdf_slots #tbdcbc_lhr_benefits6 .tbdcbContent { float: left; margin-left: 60px; padding-top: 75px; text-align: center; width: 565px; } #contentP .subproduct_page_item .bc_lhr_month1 { margin-left: 40px; } #contentP .subproduct_page_item .newspdpslot1 { border-bottom: medium none !important; padding: 40px; } #contentP .subproduct_page_item #bc_spbl_skincare_banner{padding:0px !important;} #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 .bc_lhr_60d_month1 { border-top: none !important; border-bottom: none !important; width: 266px; float: left; padding-right:10px !important; padding-bottom: 60px; } #contentP .bc_lhr_60d_month2 { border-top: none !important; border-bottom: none !important; width: 257px; float: left; padding-right:30px !important; padding-left:30px !important; padding-bottom: 60px; } #contentP .bc_lhr_60d_month1 { margin-left: 40px; }/* #contentP .bc_lhr_60d_afterMonth3 { border-top: none !important; border-bottom: 1px solid #dcdcdc; width: 250px; float: left; padding-bottom: 60px; } */ #contentP .liveEditBox .p_lhr_60d_home_new .content { padding: 40px 40px 30px 68px; font-size: 35px; color: #3b3b3c; font-family: 'Work Sans', sans-serif; line-height: 25px; text-align:center; } #contentP .tbdcbc_lhr_4x_60d_feature7{margin-top:40px;} #contentP .p_lhr_60d_home_new{border-top: 1px solid #dcdcdc;margin-top:40px;} #contentP .bc_lhr_60d_month1 .headline,#contentP .bc_lhr_60d_month2 .headline,#contentP .bc_lhr_60d_afterMonth3 .headline { color: #2BC098; margin-bottom: 4px; text-transform: uppercase; } #contentP .tbdcbc_lhr_4x_60d_feature5 .tbdcbContent{padding:40px 40px 40px 80px; width:300px;} #contentP .newpdpfeature2{ padding: 40px; border-bottom: none !important; } #contentP .tbmcc_lhr_60d_home .column2 .content { background: url("../../../images/2013/jp/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } #contentP .tbdcbc_lhr_4x_60d_feature2{border-bottom: none !important;padding-top:40px;} #contentP .tbdcbc_lhr_4x_60d_feature4 .headline h1{border-top: 1px solid #dcdcdc; text-align:left; margin-top:50px;} #contentP .p_lhr_60d_home_para5{ text-align:left; } #contentP .tbdcbc_lhr_4x_60d_feature5 .p05{ color: #2bc098;font-weight: bold;margin-bottom: 2px;} #contentP .tbdcbc_lhr_4x_60d_feature8 {border-bottom: none !important;} #contentP .tbdcbc_lhr_4x_60d_feature8 .tbdcbContent{padding:0px 40px 40px 40px; width:400px; float:right;} #contentP .tbdcbc_lhr_4x_60d_feature8 .tbdcbImage{padding:0px 40px 40px 40px; margin-top:-50px} #contentP .p_lhr_60d_home_new8 .content{padding:50px 40px 0px 0px ;} #contentP .p_lhr_60d_home_new8 .content h2{color: #ec4784;font-size: 37px;padding: 0 0 10px;text-align:right;} #contentP .tbdcbc_lhr_4x_60d_feature8 .tbdcbContent .bodycopy h2{color: #484848;font-size: 24px;text-align:right;} #contentP .tbdcbc_lhr_4x_60d_feature8 .tbdcbContent .bodycopy .p7{text-align: right;padding-right: 10px;} #contentP .tbmcc_lhr_60d_home .column2 a{position: absolute; margin-top: -42px;} #contentP .liveEditBox .tbmcc_lhr_60d_home .column1 { width: 275px; height: 263px; padding-left: 40px; float: left; padding-bottom: 35px !important; border-bottom: 1px solid #dcdcdc; } #contentP .tbdcbc_lhr_4x_60d_feature6 .tbdcbImage{ padding-bottom: 100px;} #contentP .tbdcbc_lhr_4x_60d_feature6 .bodycopy h3{position: absolute;margin-top: 329px;font-size: 10px;padding-left: 223px;} /*--*/ #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } #contentP .subproduct_page_item .tbdcbc_spbl_benefits6 .tbdcbContent { width: 525px; margin-left: 40px; float: right; margin-right: 40px; padding-top: 28px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbImage, #derm_background .tbdcbc_spbl_benefits6 .tbdcbImage, #contentP .subproduct_page_item .tbdcbc_srl_benefits5 .tbdcbImage { width: 367px; float: left; } #contentP .subproduct_page_item .tbdcbc_srl_benefits5 .tbdcbImage, #contentP .subproduct_page_item .tbdcbc_spbl_benefits6 .tbdcbImage{ margin-top: 20px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbContent { margin-left: 60px; float: right; margin-right: 80px; padding-top: 87px; text-align: center; } #derm_background .tbdcbc_spbl_benefits6 .tbdcbContent { width: 525px; margin-left: 40px; float: right; margin-right: 40px; padding-top: 87px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_srl_benefits5 .tbdcbContent{ float: right; margin-left: 40px; margin-right: 40px; padding-top: 28px; text-align: left; width: 525px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits6 .tbdcbContent { float: right; margin-left: 40px; margin-right: 40px; padding-top: 28px; text-align: left; width: 525px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column_text .content{ padding: 30px 74px 5px 63px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits{ border-bottom:1px solid #ccc; } #contentP .subproduct_page_item .p_lhr_benefits_para5{ /*border-top:1px solid #ccc; margin-top:235px;*/ } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column2 { border-bottom: 1px solid #DCDCDC; float: right; height: 235px; padding-bottom: 63px; width: 665px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column1 { border-bottom: 1px solid #DCDCDC; float: left; padding-bottom: 60px; padding-left: 40px; width: 275px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column_text .content h3{ font-size:10px; color:#3b3b3a !important; position:relative; top:100px; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .column_text .content #real_head1{ color: #707070; font-family: 'MS Mincho', Georgia,Arial,sans-serif; line-height: 18px; } #contentP .subproduct_page_item .tbmcc_lhr_easy .content, #contentP .liveEditBox .tbmcc_lhr_home .content, #contentP .subproduct_page_item .tbmcc_lhr_benefits .content{ background:url("../../../images/2013/jp/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } span#real_head1{ font-size:18px; font-family: 'Work Sans', sans-serif; line-height: 26px; color: #707070; } span#real_head_show1{ font-size:23px; /*line-height: 25px;*/ color: #707070; } #contentP .subproduct_page_item .tbmcc_lhr_benefits .videoLink ,#contentP .subproduct_page_item .tbmcc_lhr_benefits .textLink{ padding-left: 68px !important; margin-top: 10px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse1 .tbdcbContent #headline h3, #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse7 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 36px; font-weight: normal; margin-bottom: 9px; line-height: 38px; color: #3b3b3c;} #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2,#contentP .subproduct_page_item .tbdcbc_spbl_easytouse2,#contentP .subproduct_page_item .tbdcbc_srl_howtouse2 { position: relative; height: 840px; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse1 .tbdcbContent #headline h3, #contentP .subproduct_page_item .tbdcbc_srl_howtouse5 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_easyToUse3 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 36px; font-weight: normal; margin-bottom: 9px; line-height: 38px; color: #3b3b3c; } #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: #3b3b3c; font-size: 30px; color: #2BA4D8; margin-bottom: 15px; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .subHeader h2 { font-size: 30px; color: #B456A7; margin-bottom: 15px; text-transform:capitalize; } #contentP .subproduct_page_item .tbmcc_lhr_easy{ border-bottom:1px solid #ccc; } #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_srl_howtouse2 .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; width:500px; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .bodycopy { position: absolute; top: 178px; left: 40px; text-align:left; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse2 .tbdcbContent .stepcopy_1,#contentP .subproduct_page_item .tbdcbc_spbl_easytouse2 .tbdcbContent .stepcopy_1 { left: 400px; position: absolute; top: 300px; width: 500px; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .stepcopy_1 { left: 470px; position: absolute; top: 300px; width: 400px; } #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; } .tbdcbc_lhr_easyToUse2 .tbdcbContent .bodycopy p{ text-align: left; } #contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .stepcopy_1 .subHeader h2,#contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .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_srl_howtouse2 .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_srl_howtouse2 .tbdcbContent .stepcopy_1 .bodycopy,#contentP .subproduct_page_item .tbdcbc_srl_howtouse2 .tbdcbContent .stepcopy_2 .bodycopy { top: 185px; 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_srl_easy_docs { text-align: center; padding-bottom: 30px; } #contentP .subproduct_page_item .bc_lhr_easy_guide .imageURL { width:280px; float:right; } #contentP .subproduct_page_item .bc_spbl_easy_guide .imageURL { width:235px; float:right; margin-right:40px; } #contentP .subproduct_page_item .bc_srl_quickStart .imageURL { width:302px; float:right; margin-right:40px; } #contentP .subproduct_page_item .bc_lhr_easy_insts .imageURL,#contentP .subproduct_page_item .bc_spbl_easy_insts .imageURL{ width:285px; margin-left:40px; } #contentP .subproduct_page_item .bc_srl_insts .imageURL{ width:300px; margin-left:40px; } #contentP .subproduct_page_item .bc_spbl_easy_guide{ border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 40px; width: 350px; } #contentP .subproduct_page_item .bc_srl_quickStart { 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_lhr_easy_guide, #contentP .subproduct_page_item .bc_lhr_easy_insts{ border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 40px; width: 313px; } #contentP .subproduct_page_item .bc_lhr_easy_faq .imageURL img { float: left; margin-right: 10px; } #contentP .subproduct_page_item .bc_lhr_easy_faq { border-bottom: 1px solid #DCDCDC !important; float: left; padding: 0 0 40px; width: 352px; } #bc_lhr_easy_faq .link{ display:none; } #contentP .subproduct_page_item .bc_lhr_easy_faq .imageURL { margin-left: 40px; width: 278px; } #contentP .subproduct_page_item .bc_spbl_easy_insts{ border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC !important; float: left; padding: 0 0 40px; width: 330px; } #contentP .subproduct_page_item .bc_srl_insts { float: right; padding: 0px 0px 40px 0px; width: 490px; border-bottom: 1px solid #dcdcdc !important; } #tbdcbc_lhr_easyToUse9 { background-position: right top !important; border-bottom: 1px solid #CCCCCC; height: 500px; padding-bottom: 0 !important; padding-top: 0 !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_srl_quickStart .imageURL img,#contentP .subproduct_page_item .bc_srl_insts .imageURL img { float: left; margin-right: 10px; } #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_srl_quickStart .imageURL .link,#contentP .subproduct_page_item .bc_srl_insts .imageURL .link { padding-top: 3px; } #p_lhr_home_para5 .content{ padding:45px 0 40px 40px !important; font-size: 38px; color: #3b3b3c; } #contentP .newpdpfeature5 .column1 { float: left; padding-bottom: 60px; padding-left: 40px; width: 275px; } #contentP .newpdpfeature5 .column2 { float: right; height: 235px; padding-bottom: 63px; width: 665px; } #contentP .tbmcc_lhr_home .column_text .content { padding: 28px 40px 5px 65px; } #contentP .newpdpfeature5 .column2 .videoLink { padding-left: 67px; margin-top:-5px; } #contentP .newpdpfeature5 .column2 .textLink { padding-left: 67px; margin-top:10px; } #lhrfeature4h3{ top:60px; position:relative; font-size:11px; } #tbdcbc_lhr_4x_feature10 { background-position: right top !important; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; height: 502px; padding-bottom: 0 !important; padding-top: 0 !important; } .tbdcbc_lhr_4x_feature10 .tbdcbContent, .tbdcbc_lhr_easyToUse9 .tbdcbContent { margin: 40px 0 0 38px; text-align: left; width: 472px; } .tbdcbc_lhr_easyToUse9 .tbdcbContent .bodycopy p{ font-size: 14px !important; } .tbdcbc_lhr_4x_feature10 .tbdcbContent .content, .tbdcbc_lhr_easyToUse9 .tbdcbContent .content { padding-bottom: 15px; } .tbdcbc_lhr_4x_feature10 .tbdcbContent .bodycopy p{ font-size:13px; line-height:19px; } .tbdcbc_lhr_4x_feature10 .tbdcbContent .bodycopy .comparative{ position: relative; top: 50px; } .tbdcbc_lhr_4x_feature10 .imageURL, .tbdcbc_lhr_easyToUse9 .imageURL { float: left; margin-bottom: 17px; margin-right: 15px; } #tbdcbc_lhr_easyToUse9 .tbdcbContent h3, #tbdcbc_lhr_easyToUse7 .tbdcbContent h3 { color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 38px; line-height: 38px; margin-bottom: 20px; margin-top: 0; } .tbdcbc_lhr_4x_feature10 .tbdcbContent .text-section .headline, .tbdcbc_lhr_easyToUse9 .tbdcbContent .text-section .headline { font-weight: bold; } .icon_img { float: left; margin-right: 15px; } #contentP .liveEditBox .newpdpfeature4 .content { padding: 40px 40px 30px 68px; font-size: 35px; color: #3b3b3c; font-family: 'Work Sans', sans-serif; line-height: 25px; } #contentP .liveEditBox .newpdpfeature4 .content span#lhrfeature4h3{ font-size:10px; position:relative; top:60px; color:#3b3b3a !important; margin-bottom: 8px; line-height: 20px; text-transform: uppercase; } #contentP .liveEditBox .tbmcc_lhr_home .content { padding-bottom:0 !important; } #contentP .liveEditBox .newpdpfeature4 .textLink {padding-left:68px; margin-top:10px;} #contentP .subproduct_page_item .newspdpslot4 .column2 { float: right; width: 665px; height: 235px; padding-bottom: 63px; border-bottom: 1px solid #dcdcdc; } #contentP .liveEditBox .newpdpfeature4 .column2 { float: right; width: 665px; height: 235px; padding-bottom: 63px; border-bottom: 1px solid #dcdcdc; } #contentP .liveEditBox .tbmcc_lhr_home .column1,#contentP .liveEditBox .tbmcc_lhr_home .column2{ padding-bottom: 30px !important; border-bottom: none !important; } #contentP .subproduct_page_item .newspdpslot4 .content { padding: 40px 40px 0px 66px; font-size: 35px; font-family: 'MS Mincho', Georgia, arial, sans-serif; line-height: 20px; color: #3b3b3a; } #contentP .subproduct_page_item .p_lhr_benefits_para5 .content, #contentP .subproduct_page_item .p_lhr_easy_para5 .content { padding: 50px 40px 30px; font-size: 35px; font-family: 'Work Sans', sans-serif; line-height: 20px; color: #3b3b3c; } #contentP .subproduct_page_item .newspdpslot4 .content h3{ font-size: 10px; position: relative; top: 100px; color:#3b3b3a !important; } #contentP .subproduct_page_item .newspdpslot5 .content { padding: 40px 0 0px 40px; font-size: 38px; font-family: 'Work Sans', sans-serif; line-height: 20px; color: #3b3b3a; } #contentP .subproduct_page_item .tbmcc_spbl_benefits .content { padding-left:80px; padding-top:30px; background: url("../../../images/2013/jp/global/QuoteMarks_BL.png") no-repeat scroll 10px 5px transparent; } #derm_background .newspdpslot5 .content { padding: 40px 0 30px 40px; font-size: 38px; font-family: 'MS Mincho', Georgia, arial, sans-serif; line-height: 20px; color: #3b3b3c; } #derm_background .newspdpslot6 .content h2 { padding: 40px 0 30px 40px; font-size: 38px; font-family: 'Work Sans', sans-serif; line-height: 20px; color: #3b3b3c; } #derm_background .p_lhr_easy_para .content{ padding: 40px 0 30px 40px !important; font-size: 35px !important; font-family: 'Work Sans', sans-serif; line-height: 20px !important; color: #3b3b3c !important; } #derm_background .newspdpslot6 .content { color: #3b3b3a; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 17px; } #contentP .subproduct_page_item #p_lhr_easy_para.newspdpslot7 .content { color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse8 { border-bottom: medium none; padding: 0 40px 60px; } #derm_background .tbdcbc_lhr_easyToUse8{ text-align: center !important; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse8 .tbdcbContent { float: right; text-align: left; margin:45px 35px 0px 0px; } #contentP .subproduct_page_item .newspdpslot3 .content p { text-align: center; } .content_left { text-align: left; margin-top: -5px; } #contentP .subproduct_page_item .newspdpslot4 .column1 { width: 275px; padding-left: 40px; float: left; padding-bottom: 60px; border-bottom: 1px solid #dcdcdc; } #contentP .liveEditBox .newpdpfeature4 .column1 { width: 275px; height:263px; padding-left: 40px; float: left; padding-bottom: 63px; 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_lhr_easy .column1,#contentP .subproduct_page_item .tbmcc_lhr_easy .column2,#contentP .subproduct_page_item .tbmcc_lhr_benefits .column1 ,#contentP .subproduct_page_item .tbmcc_lhr_benefits .column2 { border-bottom:none !important;} #contentP .subproduct_page_item .newspdpslot5 .column1 { width: 275px; padding-left: 40px; float: left; padding-bottom: 60px; } #contentP .liveEditBox .newpdpfeature5 .column1 { width: 275px; padding-left: 40px; float: left; padding-bottom: 63px; } .tbmcc_spbl_benefits{ border-bottom: 1px solid #dcdcdc;} #contentP .subproduct_page_item .newspdpslot5 .column2 { float: right; width: 600px; height: 235px; padding-bottom: 63px; margin-right:40px; } #contentP .subproduct_page_item .newspdpslot4 .column2 .textLink { padding-left: 66px; margin-top: 10px; } #contentP .subproduct_page_item .newspdpslot4 .column2 .videoLink { padding-left: 66px; margin-top: 6px; } #contentP .subproduct_page_item .newspdpslot4 .column2 .column_text{ height: 200px; } #tirtiary_nav .tbdcbc_lhr_4x_60d_feature1{height:568px} #tirtiary_nav .tbdcbc_lhr_4x_60d_feature1 .tbdcbContent{padding:0px 40px 40px 60px;width:600px;} #contentP .tbdcbc_lhr_4x_60d_feature1 .tbdcbContent .p01 { position: absolute; top: -30px; width: 400px; left: 0px; color: #eb4884; font-size: 26px; } #contentP .tbdcbc_lhr_4x_60d_feature1 .tbdcbContent h2 { position: absolute; top: 102px; left: 61px; color: #eb4884; font-size: 50px; } #contentP .tbdcbc_lhr_4x_60d_feature1 .tbdcbContent .p02 { position: absolute; top: 168px; left: 61px; color: #676767; font-size: 28px; } #contentP .tbdcbc_lhr_4x_60d_feature1 .tbdcbContent h3 a { position: absolute; top: 500px; left: 256px; font-size: 20px; font-weight: bold; color: #fff; background: #585858; width: 210px; height: 37px; line-height: 37px; display: block; text-align:center; } #contentP .tbdcbc_lhr_4x_60d_feature6{margin-top:40px;} #contentP .subproduct_page_item .newspdpslot5 .column2 .videoLink ,#contentP .subproduct_page_item .newspdpslot5 .column2 .textLink{ padding-left: 78px; margin-top: 10px; } #contentP .subproduct_page_item .newspdpslot5 .column2 .videoLink a { background: url("../../../images/2013/jp/global/green_arrow.gif") no-repeat scroll right center transparent !important; border: none !important; color: #2BC098 !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; } #tbdcbc_spbl_benefits5{height:603px;} #derm_background .tbdcbc_lhr_easyToUse8,#derm_background .tbdcbc_spbl_easytouse4,#derm_background .tbdcbc_srl_easyToUse8 { padding: 0px 40px 60px 40px; border-bottom: none; } #derm_background .tbdcbc_srl_easyToUse8 .tbdcbImage{ border-bottom: none; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbImage,#derm_background .tbdcbc_spbl_easytouse4 .tbdcbImage,#derm_background .tbdcbc_srl_easyToUse8 .tbdcbImage { width: 235px; float: left; margin-right: 40px; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent,#derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent,#derm_background .tbdcbc_srl_easyToUse8 .tbdcbContent { width: 624px; float: right; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent .headline h2,#derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent .headline h2,#derm_background .tbdcbc_srl_easyToUse8 .tbdcbContent .headline h2 { color: #3b3b3c; font-family: 'Work Sans', sans-serif; font-size: 30px; padding-bottom: 0px; border-bottom: 1px dotted #dcdcdc; margin-bottom: 5px; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent #headline h3,#derm_background .tbdcbc_srl_easyToUse8 .tbdcbContent #headline h3, #derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent #headline h3{ color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 38px; line-height: 38px; margin-bottom: 20px; margin-top: 0; } #derm_background .tbdcbc_lhr_easyToUse8 .tbdcbContent .subHeader h2,#derm_background .tbdcbc_spbl_easytouse4 .tbdcbContent .subHeader h2,#derm_background .tbdcbc_srl_easyToUse8 .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,#derm_background .tbdcbc_srl_easyToUse8 .tbdcbContent .bodycopy p { font-family: 'MS Mincho', Georgia, arial, sans-serif; font-size: 23px; line-height: 29px; color:#707070; } a.readmore,a.readmore:hover { color: #0c6089; 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: 20px; } #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 #3b3b3c; color: #3b3b3c; } #tertiarynav a span { display: block; position: absolute; top: 15px; text-transform: uppercase; font-family: inherit; font-size: 16px; width: 228px; text-align: center; } #tertiarynav a span:hover{ color:#3b3b3c; } #review_container { width: 980px; margin: 20px auto 0 auto; border: 1px solid #dcdcdc; } #review_container .review_content_container { padding: 40px 40px 60px 40px; text-align: left; } #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: 'MS Mincho', Georgia, arial, sans-serif; font-size: 20px; line-height: 30px; margin-top: 15px; color: #707070; } #review_container .review_content_container h1 { font-family: 'Work Sans', sans-serif; margin-bottom: 25px; color: #3b3b3c; text-transform:capitalize; } .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: #3b3b3a; 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; } .footer_box li.footer_head { color: #3b3b3a000 !important; font-size: 12px; text-transform: capitalize; } /* styles for spbl sub pages start */ #contentP .subproduct_page_item .tbdcbc_spbl_about4 { padding-bottom: 0px; border-bottom: none; padding-top: 0px; } .tbdcbc_spbl_about5 .tbdcbContent .subHeader div{ position:relative; top:10px; left:20px; font-size:10px; color:#3b3b3a; } #contentP .subproduct_page_item .tbdcbc_spbl_about5 { width: 980px; height: 574px; padding: 0; border-top: 1px solid #ccc; } #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent { padding: 40px 0px 40px 0px; text-align: center; } #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .headline h2,#contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .headline h3 { font-family: 'Work Sans', sans-serif; font-size: 23px; margin-bottom: 15px; line-height: 29px; color: #707070; } #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .bodycopy { margin-bottom: 15px; } #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 , #contentP .subproduct_page_item .tbmcc_spbl_about, #derm_background .tbmcc_srl_research { position: relative; } #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .column_text, #derm_background .tbmcc_srl_research .column2 .column_text,.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: 150px; } #derm_background .tbmcc_srl_research .column2 .column_text { float: left; text-align: left; width: 448px; margin: 95px 30px 0px; } #derm_background .tbmcc_spbl_about .column2 .column_text { margin-top: 100px; } .tbdcbc_spbl_benefits2 .bodycopy p{text-align:left;margin-left:40px;} #contentP .subproduct_page_item .tbmcc_spbl_about .column2 .headline, #derm_background .tbmcc_srl_research .column2 .column_text .headline { font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 15px; line-height: 36px; color: #3b3b3c; } #derm_background .tbmcc_srl_research .column2 .column_text .content{ font-size:15px; font-family:Arial,sans-serif; line-height:20px; color:#3b3b3a; padding:0px; }#derm_background .tbmcc_srl_research .column2 .column_text .content span{ font-size:10px;} #contentP .subproduct_page_item .tbmcc_spbl_about .column2 img, #derm_background .tbmcc_srl_research .column2 img,.tbmcc_spbl_about .column2 img { float: right; width: 470px; } #contentP .subproduct_page_item .tbmcc_spbl_about .column1, #derm_background .tbmcc_srl_research .column1 { position: absolute; top: 264px; } .f10{font-size:10px !important;} #contentP .subproduct_page_item .tbmcc_spbl_benefits .column2 .videoLink a { background: url("../../../images/2013/jp/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 .bodycopy{ text-align:center; } #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; letter-spacing: -1px; } #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: 613px; width:650px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_2 { float: left; left: 40px; position: absolute; text-align: left; top: 658px; width:650px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_1 .bodycopy { margin-left: 65px; margin-top: -28px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .stepcopy_2 .bodycopy { margin-left: 85px; margin-top: -28px; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_ProductInformationBanner .tbdcbContent .subHeader { position: absolute; top: 568px; width:650px; 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:#3b3b3c; } #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: 10px; 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: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_skincare_replenish_me .subHeader h2 { font-size: 17px; line-height: 20px; margin: 0 0 5px; } #contentP .subproduct_page_item .newspdpslot3 { padding-bottom: 25px !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: #3b3b3c; text-align: center; } #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_about5 .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; margin-top: 24px; margin-bottom: 20px; } #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: 286px; 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_line2 { color: #55bab7; float: left; font-family: 'Work Sans', sans-serif; font-size: 30px; line-height: 45PX; } #tab_container .tab_container_content2 .about_inner_container .right_head_line { font-family: 'Work Sans', sans-serif; font-size: 30px; color: #55bab7; float: right; line-height: 45PX; } #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: 284px; } .derm_header { float: right; white-space: nowrap; font-size: 14px; color: #3b3b3c !important; } .derm_header_table { width: 100%; margin-bottom: 15px; } .derm_headerR { float: right; white-space: nowrap; font-size: 14px; color: #3b3b3c !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: 'Work Sans', sans-serif; font-size: 30px; margin:0 0 20px; } #tab_container .tab_container_content2 .about_inner_container .right_head_line2 { border-bottom: 1px dotted #CCCCCC; float: left; margin-left: 10px; padding-top: 20px; width: 290px; } #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: #3b3b3c333; 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: #3b3b3a !important; } /* our scientists redesign styles end */ .subnav_link_divider { background: url('../../../images/2013/jp/global/subhead_link_divider.gif') no-repeat; height: 22px; width: 1px; margin: 0px 15px; float: left; } /* affiliate pages styles start */ #affiliate { padding-top: 320px; padding-left: 280px; padding-right: 70px; } #affiliate h1,#affiliate h2,#affiliate h3,#affiliate p { padding: 10px 0; } #affiliate h2 { color: #3b3b3c; 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/jp/affiliate/affiliate-program.jpg') no-repeat top left; top: 0; width: 980px; margin-top: -18px; } #join { margin-top: 2em; margin-bottom: 10em; cursor: pointer; } #join p { margin: 0; padding-top: 3px; float: left; } #join .blue_arrow { margin-left: 1em; } /* affiliate page styles end */ #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/ca/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/ca/landingpages/top_curve.png') top left no-repeat; height: 4px; } .curve_bg_bottom_print2 { background: url('../../../images/2013/ca/landingpages/bottom_curve.png') 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: #3b3b3c; } #content_home { padding: 0px; width: 1680px; height: 520px; margin:0px auto ; text-align: left; position: relative; } #panel1 { width: 1680px; height: 520px; margin-top:-40px; } div.panel1_left { left: 405px; position: absolute; text-align: center; top: 277px; width: 435px; text-align:center; } .color_brown { color: #837e7b; } .color_pink { color: #c81783; } .color_blue { color: #0598d6; } .color_purple { color: #af9ecb; } .buttonPurp span span a,.buttonPurp span span input{ background-color:#b456a7; border:solid 1px white !important; color:#FFFFFF; cursor:pointer; font-size:18px; font-weight:bold; padding:3px 15px; border-radius:1px; } .buttonPurp span span a:hover,.buttonPurp span span input:hover{ background-color:#8c4582; border:solid 1px #eee; } .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: #3b3b3c; } a.blue_arrow { line-height: 18px; } a.blue_arrow { background: url("../../../images/2013/ca/landingpages/link_arrow.png") no-repeat scroll right center transparent; color: #3b3b3c !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: #3b3b3a; 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: #3b3b3c; } /* 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: #3b3b3c; 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 { } #panel3_sweeps { background: url("../../../images/2013/jp/sweeps/summer_sweeps.jpg") no-repeat scroll 0 0 #FFFFFF; height: 650px; width: 980px; } #panel3 { background: url("../../../images/2013/jp/sweeps/summer_sweeps.jpg") no-repeat scroll 0 0 #FFFFFF; height: 660px; width: 900px; padding:40px; } #marketting_feature_sweeps { /*background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px;*/ left: 615px; position: absolute; top: 40px; /*box-shadow: #d2d2d2 0px 2px 2px 3px;*/ } .m-left {width: 500px; float: left; padding: 10px; } .m-title { color: #003375; font-weight: bold; } .mt115 { margin-top: 115px; } .mt140 { margin-top: 140px; } .mt125 { margin-top: 125px; } .m-right { width: 370px; float: right; margin-top:420px; } .mt30 { margin-top: 30px; } #marketting_feature_sweeps .content_panel { border-radius: 5px 5px 5px 5px; padding: 35px 0px 0px 0px; } .marketting_divider { border-top: 1px dotted #999999; margin: 15px 0; } #marketting_feature_sweeps .content_panel h1 { font-family: 'MS Mincho', Georgia, arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 24px; color: #3b3b3c; } #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; outline : none; } .sweeps_btn { margin: 5px 104px; } #spasweeps { height: 0; left: 603px; position: relative; top: 560px; 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: #3b3b3a000; font-size: 10px; } .newyousweeps_conditions a { color: #3b3b3a000; text-decoration: underline; } .spasweepscondition { left: 50px; position: relative; top: -27px; } .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/jp/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 */ .non_cms_promo_banner { background: url("../../../images/2013/jp/promotions/ColorCampaign.jpg") no-repeat scroll 0 0 transparent; } #non_cms_promo_banner_cliker { width: 100px; height: 20px; display: block; position: relative; top: 230px; left: 210px; } .promo-banner { height: 325px; margin-top: -20px; } .promo-banner .promo_banner_content { padding-left: 70px; padding-top: 125px; } .promo-banner h2 { color: #3b3b3c; font-size: 18px; margin-bottom: 10px; text-transform: none; } .promo-banner .promo_banner_content .promo_btns { margin-top: 16px; } #promotions { margin-top: 15px; padding: 0 25px; } #promotions #titleBar { padding: 25px 0 0; } #promotions #titleBar { background: url("../../../images/2013/jp/home/barDotHoriz.png") repeat-x scroll left bottom transparent; } #promotions h1 { padding: 8px 0 0; } #promotions #titleBar p { font-size: 12px; line-height: 12px; padding-bottom: 25px; } .promotionBox { border-right: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; } .promotionBox { width: 250px; height: 400px; float: left; padding-top: 30px; padding-left: 30px; padding-right: 22px; } .promo_easypay_terms_link a{ font-size:11px; text-decoration:underline; } #promotions ul li.left{ margin-right:40px; } #promotions ul li { margin-bottom:10px; } #promotions ul li div{ width:400px; padding-left:130px; } #promotions img { zoom:1; } #promotions ul{ margin: 20px 20px 20px 0; } #promotions ul li img { float: left; margin: 20px 10px 0 0; } #promotions ul li h3 { color: #3b3b3c; font-weight: bold; } #promotions ul li p { margin: 0 0 10px; } #promotions ul li li { float: none; width: auto; } #offer { clear: left; float: none; padding: 30px 0 10px; } #offer p { color: #AAAAAA; font-size: 10px; line-height: 13px; margin: 1em 0; } /* new promotions page ends */ div.nav_1_drop .nav3_drop { width: 245px; float: left; } div.nav_1_drop .nav31_bg { margin-top: 35px; background: url(../../../images/2013/jp/header/nav/RS_01.jpg) no-repeat; height: 210px; width:326px; background-position: 3px -40px; border-right: 1px solid #dcdcdc; } div.nav_1_drop .nav32_bg { margin-top: 35px; background: url(../../../images/2013/jp/header/nav/RS_02.jpg) no-repeat; height: 210px; width:326px; background-position: 3px -40px; border-right: 1px solid #dcdcdc; } div.nav_1_drop .nav33_bg { margin-top: 35px; background: url(../../../images/2013/jp/header/nav/RS_03.jpg) no-repeat; height: 210px; width:326px; background-position: 3px -40px; } div.nav_1_drop .nav34_bg { background: url(../../../images/2013/jp/header/nav/RS_04.jpg) no-repeat; height: 245px; } a.txt-highlight { color: #3b3b3c !important; font-weight:bold; } #urlLinkLabel a.top_nav { color: #3b3b3a; } #urlLinkLabel a.top_nav:hover { color: #3b3b3c; } #marketting_boxes .bc_mbox1_us p a,#marketting_boxes .bc_mbox2_us p a,#marketting_boxes .bc_mbox3_us p a { color: #3b3b3a; text-align:left !important; } #marketting_boxes .bc_mbox1 .headline{ letter-spacing: -0.5px; } #marketting_boxes .bc_mbox1 p a,#marketting_boxes .bc_mbox3 p a { letter-spacing: -1.0px; color: #3b3b3a; text-align:left ; font-size : 12px; font-size : 12px\0; font-size : 12px\9; margin-left: 6px; } #marketting_boxes .bc_mbox2 p a{ letter-spacing: -0.5px; color: #3b3b3a; text-align:left; font-size : 12px; font-size : 12px\0; font-size : 12px\9; margin-left: 6px; } .promo_err,.pass_err { color: #ff0000; font-weight: bold; padding-top: 5px; } .easypay_hopup { padding: 25px 20px 0px 25px; } /* new replenish hopup styles */ .replenish_head_bg { background: url("../../../images/2013/jp/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: #3b3b3a; 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: -210px !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_about5 .tbdcbContent .subHeader h2 { font-family: 'Work Sans', sans-serif; font-size: 12px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .sub_link { padding-left: 410px; position:relative; margin-top: -60px; } #derm_background .tbdcbc_lhr_about6 .tbdcbContent .bodycopy p, #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .bodycopy p, #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .bodycopy, #contentP .subproduct_page_item .tbdcbc_srl_about5 .tbdcbContent .bodycopy { font-size: 12px; font-weight: bold; margin-bottom: 0px; color: #3b3b3c; } #pdf_slots .bc_lhr_doc1,#pdf_slots .bc_lhr_doc2 { padding-bottom: 40px; } .tbdcbc_lhr_benefits1 .tbdcbContent #headline h3,.tbdcbc_lhr_benefits2 .tbdcbContent #headline h3, .tbdcbc_lhr_benefits3 .tbdcbContent #headline h3,.tbdcbc_lhr_benefits4 .tbdcbContent #headline h3, .tbdcbc_lhr_benefits6 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #tbdcbc_lhr_benefits1 { padding: 0 !important; } #tbdcbc_lhr_benefits1 .tbdcbContent { padding: 78px 0 0 40px; text-align: left; } #tbdcbc_lhr_benefits2 .tbdcbContent { padding: 120px 50px 40px 540px; position: absolute; text-align: left; width: 390px; } #p_lhr_benefits_folicile .content { padding: 40px 40px 0; text-align: center; } #derm_background .tbmcc_lhr_eliminate_root_problem { border-bottom: 1px solid #CCCCCC; padding-bottom: 150px; padding-top: 40px; width: 980px; } #derm_background .tbmcc_lhr_eliminate_root_problem .column1 { float: left; padding: 0 25px 30px 40px; } #derm_background .tbmcc_lhr_eliminate_root_problem .column1 .content { padding-top: 325px; position: absolute; } #derm_background .tbmcc_lhr_eliminate_root_problem .content { width: 262px; } #derm_background .tbmcc_lhr_eliminate_root_problem .column2 { float: left; padding: 0 30px 30px; } #derm_background .tbmcc_lhr_eliminate_root_problem .column2 .column_text { padding: 0; } #derm_background .tbmcc_lhr_eliminate_root_problem .column2 .content { padding-top: 325px; position: absolute; } #derm_background .tbmcc_lhr_eliminate_root_problem .column3 { float: left; padding: 0 25px 30px; } #derm_background .tbmcc_lhr_eliminate_root_problem .column3 .content { padding-top: 325px; position: absolute; } #tbdcbc_lhr_benefits1 .tbdcbContent .bodycopy { } #contentP .subproduct_page_item .tbdcbc_lhr_benefits1 .tbdcbImage { text-align: right; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits1 .bodycopy h3 { font-size: 10px; color:#3b3b3a !important; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits1 .bodycopy span { font-size: 10px; } #contentP .subproduct_page_item .tbdcbc_lhr_benefits5 .tbdcbContent { padding-top: 30px; } #derm_background .tbdcbc_spbl_benefits6 .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; } .footer_box li a:hover{ color:#3b3b3c; } 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; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse1 .tbdcbContent { float: right; padding: 40px; text-align: left; width: 425px; } #contentP .subproduct_page_item .tbdcbc_lhr_easyToUse1 .tbdcbImage { float: left; margin-left: 40px; width: 235px; } /* bridal campaign */ #top_header_image { background-image:url(../../../images/2013/jp/Bridal_Campaign/05282013_BridalCampaign_LP_header.jpg); background-repeat:no-repeat; width:980px; height:474px; margin-top: -20px; } .dont_leave_text { color: #9F9E9D; font-family: Arial,Helvetica,sans-serif; font-size: 17px; margin-left: 90px; position: absolute; text-align: center; top: 350px; } #top_header_image2 { padding: 60px 72px; float:left; } .backstage_text h2{ line-height:37px; text-align: left; } #bridal_head2{ height:309px; } .bridalbox3{ padding-top:20px; } .bridal_product { padding: 0 0 40px 30px; width: 295px; } .bridal_pname { margin-left: 20px; } .bridal_content li{ list-style-type:disc; text-align:left; padding-top:5px; } .Tria_skin_text{ line-height:21px; } .makeYourwedding_text{ text-align:center; margin-top:40px; } .Act_now_text { line-height: 21px; padding-bottom: 15px; padding-top: 15px; text-align: center; } .blue_box_text { font:'Work Sans', sans-serif; font-size:16px; font-weight:bold; color:#1fa6e1; } .Skin_Perfecting_text { font-family:'Work Sans', sans-serif; font-size:12px; color:#6d6b6b; padding-left:60px; } .Free_shipping_text { font-size:12px; color:#f01f66; font-style:italic; margin-top:5px; } #footer_image { background-image:url(../../../images/2013/jp/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/jp/Bridal_Campaign/05282013_BridalCampaign_SweepsLP_optimized.jpg") no-repeat scroll 0 0 #FFFFFF; height: 650px; width: 980px; } /* end of bridal landing page */ .lineheighth2{ line-height:30px; } .cbl_pproduct{ text-transform:capitalize; } /* end of print landing page */ /* styles for SRL sub product pages start */ #bc_srl_benefits1{ text-align:center; margin-top:40px; } #bc_srl_benefits1 .headline, #bc_srl_benefits2 .headline h1{ margin-bottom:9px; } #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column1{ float:left; width:490px; } #contentP .subproduct_page_item .tbmcc_srl_benefits1 .column1{float:left; width:270px;margin-left:60px;} #contentP .subproduct_page_item .tbmcc_srl_benefits2 .column2{ background:url('../../../images/2013/jp/global/QuoteMarks_SRL.png') no-repeat 0px 5px; float:left; width:550px; padding-left:60px; margin-left:20px; } #contentP .subproduct_page_item .tbmcc_srl_benefits1 .column2{ background:url('../../../images/2013/jp/global/QuoteMarks_SRL.png') no-repeat 0px 5px; float:right; margin-right:40px; padding-left:50px; width:550px;} #contentP .subproduct_page_item .tbmcc_srl_benefits2 .column1{float:right; margin-right:40px; width:270px;} #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column2{ float:right; margin-right:40px; width:450px; } #contentP .subproduct_page_item .tbmcc_srl_benefits1{margin-top:40px; padding-bottom:30px;border-bottom:1px solid #dcdcdc;} #contentP .subproduct_page_item .tbmcc_srl_benefits2, #contentP .subproduct_page_item .tbmcc_srl_benefits3{ margin-top:40px; } #contentP .subproduct_page_item .tbmcc_srl_benefits1 .column2 .column_text .headline, #contentP .subproduct_page_item .tbmcc_srl_benefits2 .column2 .column_text .headline, #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column2 .column_text .headline{ font-family: 'ArialMTStd-Light'; font-size:30px; padding-bottom:7px; border-bottom:1px solid #585858; margin-bottom:15px; color:#3b3b3c; } #contentP .subproduct_page_item .tbmcc_srl_benefits1 .column2 .column_text .content, #contentP .subproduct_page_item .tbmcc_srl_benefits2 .column2 .column_text .content, #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column2 .column_text .content{ margin-bottom:30px; } #contentP .subproduct_page_item .tbmcc_srl_benefits1 .column2 .column_text, #contentP .subproduct_page_item .tbmcc_srl_benefits2 .column2 .column_text, #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column2 .column_text{ padding-top: 34px; padding-left: 25px; } #contentP .subproduct_page_item .tbmcc_srl_benefits2{ border-bottom:1px solid #dcdcdc; padding-bottom:30px; } #contentP .subproduct_page_item .tbmcc_srl_benefits3 .column1 img{ margin-bottom:-3px; } #contentP .subproduct_page_item .tbdcbc_srl_benefits4{ padding-bottom:0; border-top:1px solid #dcdcdc; } #contentP .subproduct_page_item .tbdcbc_srl_benefits4 .tbdcbImage{ margin-bottom:-3px; } #contentP .subproduct_page_item .tbdcbc_srl_benefits5 .tbdcbContent { text-align: left; } #contentP .subproduct_page_item .tbdcbc_srl_benefits5{ border-bottom:0; } #bc_srl_benefits1 .headline{ font-family: 'ArialMTStd-Light'; font-size:38px; line-height:38px; color:#3b3b3c; } #derm_background .tbmcc_srl_research .column1{ margin-left:40px; } #derm_background .tbmcc_srl_research .column1 .pdf_block{ text-align:center; width:140px; } #derm_background .tbmcc_srl_research .column1 .headline{ text-align:center; font-weight: bold; font-size:12px; } /* styles for SRL sub product pages end */ /* styles for SRL skin care */ #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .tbdcbContent { padding-left: 40px; text-align: left; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .subHeader h2, #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_1 .subHeader h2, #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_2 .subHeader h2 { font-family:Arial,sans-serif; color: #B456A7; text-transform: uppercase; font-size: 15px; font-weight: bold; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_1 { float: left; left: 40px; position: absolute; text-align: left; top: 555px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_2 { float: left; left: 40px; position: absolute; text-align: left; top: 577px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_1 .bodycopy { margin-left: 70px; margin-top: -32px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .stepcopy_2 .bodycopy { margin-left: 85px; margin-top: -32px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .tbdcbContent .subHeader { position: absolute; top: 533px; text-align: left; float: left; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner { padding-bottom: 40px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .subHeader p { display:inline; text-transform:none; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner .tbdcbImage { margin-top: -40px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_ProductInformationBanner { border-bottom: 0px !important; height:250px; } #contentP .subproduct_page_item .tbplc_srl_products_list2 .headline { font-family:'ArialMTStd-Light',Arial,sans-serif; padding: 40px; font-size: 38px; font-weight: normal; line-height: 38px; color:#3b3b3c; } #contentP .subproduct_page_item .tbplc_srl_products_list1, #contentP .subproduct_page_item .tbplc_spbl_products_list1 { border-bottom: 1px solid #CCCCCC !important; height:254px; } #contentP .subproduct_page_item .tbplc_srl_products_list2, #contentP .subproduct_page_item .tbplc_spbl_products_list2 { border-bottom: 1px solid #CCCCCC !important; height:372px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .tbdcbImage { padding-left: 170px; padding-top: 40px; border-bottom: none; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .headline { padding-right: 40px; padding-top: 40px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .subHeader { padding-right: 40px; padding-bottom: 10px; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .bodycopy { padding-right: 60px; margin-bottom: 0px !important; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .bodycopy .replenish_bullets{ font-size:10px; color:#3b3b3a !important; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .uppertext { text-transform: uppercase; font-weight: bold; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .subHeader h2 { font-size: 17px; line-height: 20px; margin: 0 0 5px; } #skincare-srl2 { border-right: medium none !important; border-bottom: medium none !important; } #skincare-srl1{ border-bottom: medium none !important; } #advanced-skincare0,#advanced-skincare1,#advanced-skincare2,#advanced-skincare3{ border-bottom: medium none !important; } /* styles for SRL skin care end */ /* styles for tria4X sweeps start */ #panel3_4xsweeps{ background: url("../../../images/2013/jp/sweeps/HP4_Sweeps.jpg") no-repeat scroll 0 0 #FFFFFF; height: 660px; width: 980px; } .hp_lightbox { background-color: #FFFFFF; display: none; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 400; } #hopup_SweepsRules { display: none; left: 0; position: absolute; top: 0; z-index: 2000; } #hopup_SweepsRules .outer { background-color: #FFFFFF; border-color: #CCCCCC; border-style: solid; border-width: 1px; margin: 130px auto auto; padding: 15px; text-align: left; width: 627px; z-index: 5000; } div.panel3_4x { padding-top: 134px; } div.panel3_4x .img2_left { padding: 27px 0 0 15px; text-align: left; } .error_div1{ display:inline; } #sweepStakes table td { vertical-align:middle; } #youtube_video .video_innerLayer{ width:680px; } /* styles for Tria4X sweeps end */ /* start of colors print landing page */ #colorSlideshow{ height: 520px; margin: 0 auto; position: relative; } #colorSlideshow .headerimage{ background: url("../../../images/2013/jp/landingpages/colors_print_landing/ColorsLaunch_PrintLP.jpg") no-repeat scroll center top transparent; height:520px; margin-top:-30px; } #colorSlideshow .colorshppanel{ margin: 0 auto; width: 980px; position:relative; } #colorSlideshow .headerimage .colors_text{ left: 15px; position: absolute; text-align: center; top: 277px; width: 535px; } #colorSlideshow .headerimage .colors_text p{ color: #3b3b3c; font-size: 14px; line-height: 19px; margin-bottom: 20px; text-align: center; } #Colmarketting_boxes{ margin: 0 auto; width: 980px; } #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: #3b3b3c; 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:640px; } /* end of colors print landing page */ .spacer1{ position:absolute; top:100px; float:left; } .spacer2{ position:absolute; top:100px; left:253px; } .spacer3{ position:absolute; top:100px; left:453px; } #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; } /* start of Tips */ .promo-banner_srl{ background:url( '../../../images/2013/jp/promotions/srl_promo_page.jpg') no-repeat; height:324px; margin-top:-20px; } .promo-banner_srl .promo_banner_content { padding-left: 45px; padding-top: 140px; } .promo_banner_content p{ font-size:12px; } .promo-banner_srl .promo_banner_content .promo_btns{ margin-top:15px; } #promotionsSRL { margin-top: -15px; padding: 0 25px; } #promotionsSRL #titleBar { background: url("../../../images/2013/jp/home/barDotHoriz.png") repeat-x scroll left bottom transparent; padding: 40px 0 0; } #promotionsSRL h1 { padding: 8px 0 0; } .purple { color: #B456A7 !important; } #promotionsSRL ul li img { float: left; margin: 20px 10px 0 0; } #promotionsSRL ul li div { float: left; margin: 20px 20px 20px 0; width: 300px; } #promotionsSRL ul li h3 { color: #3b3b3c; font-weight: bold; } #promotionsSRL ul li p { margin: 0 0 10px; } #promotionsSRL ul li li { float: none; width: auto; } /* end of Tips */ #tbdcbc_srl_feature2{ position:relative; padding-bottom:0px; } #tbdcbc_srl_feature2 .tbdcbContent .bodycopy{ left: 637px; position: absolute; top: 267px; width: 192px; } #tbdcbc_srl_feature2 .tbdcbContent .bodycopy p{ font-size:15px; line-height:20px; padding:0px; } #tbdcbc_srl_feature2 .tbdcbContent .pageLink{ position:absolute; top:377px; left:640px; } #tbdcbc_srl_feature2 .bodycopy p{ font-size: 10px; line-height: 13px; padding:40px 0px 0px 40px; color:#3b3b3a !important; } #tbdcbc_srl_feature2 .tbdcbContent .headline h2{ margin-bottom:25px; } #tbdcbc_srl_feature2 .tbdcbContent #headline h3,#tbdcbc_srl_feature6 .tbdcbContent #headline h3 ,#tbdcbc_srl_feature3 .tbdcbContent #headline h3,#tbdcbc_srl_feature4 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #tbdcbc_srl_feature1{ height:800px; } #bc_lhr_doc1, #bc_lhr_doc2{ position:relative; } #bc_lhr_doc1_flyout{ position:absolute; top:-192px; left:75px; background:url('../../../images/2013/jp/global/HRL-PDF_01_graphic-only.png') no-repeat; width:356px; height:142px; padding:25px; } #bc_lhr_doc1_flyout h3, #bc_lhr_doc2_flyout h3{ font-size:12px; color:#3b3b3c; margin-bottom:0px; font-weight:bold; } #bc_lhr_doc1_flyout p, #bc_lhr_doc2_flyout p{ font-size:12px; width:296px; } #bc_lhr_doc2_flyout{ position:absolute; top:-192px; left:-25px; background:url('../../../images/2013/jp/global/HRL-PDF_02_graphic-only.png') no-repeat; width:356px; height:142px; padding:25px; } #pBanner2 { margin: 275px 0 0 -19px; position: absolute; } /**************** Main Grey Div starts here ******************/ #sweeps_main_div { width:978px; height:auto; margin:auto; border:solid 0px #3b3b3a; } #sweeps_top_banner { width:980px; height:634px; border:solid 0px #3b3b3a; background: url("../../../images/2013/jp/sweeps/sweepsLP.jpg") no-repeat scroll 0 0 #FFFFFF; } /**************End*****************/ .sweep_content { width: 980px; padding: 150px 0 0 50px; float: left; color: #3b3b3a000; background-position: 385px 357px; } #sweeps_grey_main_div { background-color: #F1F1F1; border: 1px solid #cccccc; height: auto; margin-left: 40px; margin-top: -127px; position: relative; width: 903px; min-height:745px; float:left; margin-bottom:10px; } #sweeps_grey_main_sub_div { width:832px; /*height:590px;*/ border:solid 0px #3b3b3a; float:left; margin-top:30px; margin-bottom:75px; margin-left:30px; margin-right:30px; } #sweeps_Heading_top_div { width:829px; /*height:54px;*/ float:left; border:solid 0px #3b3b3a; } #sweeps_tab_01 { width:219px; height:54px; float:left; border:solid 0px #3b3b3a; font-family:'Work Sans', sans-serif; font-size:28px; color:#666; } #sweeps_tab_02 { width:21px; height:54px; float:left; border:solid 0px #3b3b3a; margin-top:5px; } #sweeps_tab_03 { width:46px; height:54px; float:left; border:solid 0px #3b3b3a; font-family:'Work Sans', sans-serif; font-size:16px; margin-top:10px; } #sweeps_tab_04 { width:22px; height:54px; float:left; border:solid 0px #3b3b3a; margin-top:5px; } #sweeps_tab_05 { width:341px; height:54px; float:left; border:solid 0px #3b3b3a; font-family:'Work Sans', sans-serif; font-size:16px; margin-top:10px; } #sweeps_tab_06 { width:58px; height:54px; float:left; border:solid 0px #3b3b3a; font-family:'Work Sans', sans-serif; font-size:16px; margin-top:10px; } #sweeps_tab_07 { width:100px; height:54px; float:left; border:solid 0px #3b3b3a; 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 #3b3b3a; } #sweeps_left_div { width:390px; height:300px; border:solid 0px #3b3b3a; float:left; margin-top:10px; } #sweeps_right_div { width:380px; height:300px; border:solid 0px #3b3b3a; float:left; margin-left:30px; margin-top:10px; } /**************** END ******************/ #sweeps_text { width:415px; height:25px; float:left; font-family:'Work Sans', sans-serif; font-size:16px; letter-spacing: -1px; } #sweeps_text_box { width:399px; height:33px; float:left; } #sweeps_dob { width:360px; height:36px; float:left; font-family:'Work Sans', 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 #3b3b3a; margin-top:10px; } #sweeps_tick_bok { width:27px; height:42px; float:left; } #sweeps_right_text { width:400px; height:25px; float:left; font-family:'Work Sans', sans-serif; font-size:14px; color:#656565; } #sweeps_submit_entry { width:139px; height:15px; float:left; margin-top:23px; } #sweeps_privacy_policy { width:850px; height:150px; float:left; font-family:'Work Sans', sans-serif; font-size:11px; font-size: 10.2px\0; font-size: 10.2px\9; margin-top:10px; color:#656565; } /**************** END ******************/ /****************Popup start here****************/ #sweeps_popup_main_div_pop { /*background-color: #FFFFFF;*/ border: 1px solid #CCCCCC; height: 257px; left: 248px; margin: auto; position: absolute; top: 150px; width: 588px; z-index: 1000; } #sweeps_left_div_pop { width: 400px; height: 251px; float: left; border: solid 0px #cccccc; background-image: url("../../../images/2013/jp/sweeps/sweepsThankyou.jpg"); background-repeat: no-repeat; padding-right: 188px; padding-top: 6px; background-position-y: 0px; } .sweeps_thanks_text_pop { font-family:'Work Sans', sans-serif; color: #3b3b3c; font-size: 22px; line-height: 23px; margin-left: 25px; margin-top: 25px; letter-spacing: -1px; } .sweeps_announcing_text_pop { color: #3b3b3a; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 20px; margin-left: 30px; margin-top: 70px; } #sweeps_show_nowbtn_pop { width:95px; margin-left: 30px; margin-top: 15px; } #sweeps_center_div_pop { float: left; margin: 22px 13px 16px; } #sweeps_right_div_pop { left: 243px; position: absolute; } /****************Popup ends here****************/ #contentP .subproduct_page_item .newspdpslot5 .videoLink{ padding-left:78px; padding-top:5px; } #tbdcbc_srl_skincare_replenish_me .tbdcbContent{ text-align:left; } #contentP .subproduct_page_item .tbdcbc_srl_skincare_replenish_me .tbdcbContent .subHeader h2{ font-family:Arial,sans-serif; font-size:15px; color:#3b3b3a; } .text13px, .text13px DIV.crossSell, .text13px DIV{ font-size:13px !important; } .hp_marketing_rollover{ position:absolute; background:#3b3b3a; left:0; top:0; opacity:0.1; filter:alpha(opacity=90); width:318px; height:185px; } #bc_mbox1, #bc_mbox2, #bc_mbox3{ cursor:pointer; } #bc_mbox1.headline a,#bc_mbox1 p a, #bc_mbox2 .headline a,#bc_mbox2 p a, #bc_mbox3 .headline a,#bc_mbox3 p a{ text-align:center; } .category_product { margin: 0 0 0 15px; width: 125px; } .text_product { width:430px; padding-right: 25px; } .add_product { width: 180px; } .cbl_divider { border-top: 1px dotted #999999; margin: 20px 0; } .gwpjul1_top { width: 790px; margin-top: 10px; } #hopup_close { float: right; padding: 5px; position: relative; margin-top: -44px; left:43px; } #relatedProductsDiv { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 25px; width: 840px; z-index: 3003; display:none; position:fixed; top:20px; zoom:1; } #relatedProductsDivJP{ background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 25px; width: 800px; z-index: 3003; display:none; position:fixed; top:20px; zoom:1; } .main_divider { border-top: 1px solid #CCCCCC; margin: 40px 0; } .text_product { font-size: 12px; padding-right: 15px; width: 430px; } .rep_text_product { font-size: 12px; padding-right: 15px; width: 430px; } .box1_banner { font-size: 14px; padding-bottom: 30px; font-weight:bold; } .text_product1 { font-size: 12px; padding-right: 15px; width: 430px; } .add_product { padding-top: 15px; width: 200px; } .gwpjul1_top { width: 840px; } .category_product { margin: 0 0 0 15px; width: 125px; } .cbl_divider { border-top: 1px dotted #999999; margin: 20px 0; } #relatedProductsDivBuyNow { background-color: #FFFFFF; border: 5px solid #999999; display: none; height: auto; padding: 25px; width: 840px; z-index: 3003; display:none; position:fixed; top:20px; zoom:1; } #products{ zoom:1; } .gwpjul1_topBuyNow { width: 790px; margin-top: 10px; } .gwpjul1_topBuyNow p,.gwpjul1_top p{ font-family: 'Work Sans', sans-serif; font-size: 17px; margin-bottom: 15px; margin-left: 15px; line-height: 20px; text-transform: uppercase; color: #3b3b3c; letter-spacing: -1px; } .gwpjul1_topBuyNow .topbuynowh3,.gwpjul1_top .toph3{ font-size: 13px !important; } .gwpjul1_top .text_product .lhrpara,.gwpjul1_top .text_product .acnepara,.gwpjul1_topBuyNow .text_product .lhrpara,.gwpjul1_topBuyNow .text_product .acnepara{ font-size: 14px !important; margin-bottom:10px !important; color: #3b3b3a !important; font-weight: normal !important; line-height: 17px !important; padding: 0 !important; margin-left: 0 !important; } #text_div { float: right; margin-right:75px; } .radio_button { padding-top: 5px; } .radio_button input[type="radio"] { margin-right: 8px; } .no_ital{ font-style:normal !important; } .star_review1{ font-family:'MS Mincho',Georgia,serif; font-size:18px; line-height:23px; } .tbdcbc_srl_feature5 .tbdcbContent .bodycopy{ background:url('/triawebstore2/images/2013/uk/global/QuoteMarks_SRL.png') 0 0px no-repeat; padding:30px 0 0 70px; } .tbdcbc_srl_feature5 .tbdcbContent .greybtn2{ margin:0px 0 0 70px; } /* about tria redesign pages by Naveen G - 09/17/2013 */ #page_wrap{ width:980px; margin:0 auto; } /*#history_left{ float:left; width:478px; margin-top:25px;*/ } #history_right{ float:right; width:478px; margin-top:25px; } #history_left h3, #history_right h3{ font-family:Georgia,Arial,sans-serif; color:#3b3b3c; font-size:38px; margin-bottom:25px; } #history_left .history_article, #history_right .history_article{ padding: 15px 15px 5px 15px; border-top: 1px solid #ccc; } } #history_left h4, #history_right h4, #history_left h1{ font-family: Georgia,Arial,sans-serif; color: #3b3b3c; font-size: 38px; margin-bottom: 25px; } #history_left .history_content_block, #history_right .history_content_block{ width:400px; border:1px solid #dcdcdc; margin-top:100px; } .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:#3b3b3c; } #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 h2{ 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; /*margin-right:30px;*/ } #contact .right{ width:490px; float:right; height:390px; } #contact .left h2{ padding-top:30px; 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{ /*padding-left:120px;*/ } #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:#3b3b3c; line-height:30px; margin-bottom:30px; font-weight:bold; vertical-align:middle; width:350px; } #comments{ width:auto; } #content .customercare_info{ padding:40px 24px 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:#3b3b3c; 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 div{ margin-bottom:5px; } #content .customercare_info .shipping{ padding:15px 0px 40px 0; } #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/activation/ModelUsage_HRL_470x350.jpg') no-repeat right top; height:250px; padding-left:40px; padding-top: 100px; } #mod2, #mod3, #mod4{ padding:40px 40px 0px 40px; border-bottom:1px dotted #dcdcdc; } .activation_sub{ font-size:17px; color:#3b3b3c; 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; } .tbdcbc_srl_skincare_ProductInformationBanner .tbdcbContent #headline h3, .tbdcbc_srl_skincare_replenish_me .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } input.input_blue_arrow:hover{ color:#3b3b3a !important; } input.input_blue_arrow{ background:url('../../../images/japan/home/link_arrow.png') no-repeat center right; height:12px; padding-right:8px; font-weight:bold; text-decoration:none; color:#3b3b3c !important; text-transform:uppercase; font-size:11px; border:0px; } #panel3_monthly_sweeps{ background: url("../../../images/2013/jp/sweeps/sweeps_event_winner_bg.jpg") no-repeat scroll 0 0 #FFFFFF; height: 662px; padding: 0px; width: 980px; } #contentP .liveEditBox .tbdcbc_spbl_about6 .tbdcbContent a.greenbtn2{ background: linear-gradient(#2AA3E0, #1E7EAB) repeat scroll 0 0 transparent !important; border: medium none !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: bold !important; padding: 3px 14px !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB') !important;/*For IE7-8-9*/} #contentP .liveEditBox .tbdcbc_spbl_feature8 .tbdcbContent a.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; padding: 3px 14px !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2AA3E0', endColorstr='#1E7EAB') !important;/*For IE7-8-9*/ } a.greenbtn2, #tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent .sub_link .arrow{ background:linear-gradient(#20B88F 60%, #178D6D) !important; background:-webkit-linear-gradient(#20B88F 60%, #178D6D) !important; background-color:#20B88F; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20B88F', endColorstr='#178D6D',GradientType=0) !important;/*For IE7-8-9*/ border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 35px; letter-spacing: 2px; line-height: 35px; padding: 0 10px; text-transform: uppercase; width: auto; height: 1%;/*For IE7*/ } a.greenbtn2:hover , #tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent .sub_link .arrow{ background: linear-gradient(#178D6D, #20B88F) repeat scroll 0 0 transparent !important; background-image: -webkit-linear-gradient(#178D6D, #20B88F) !important; background-image: -moz-linear-gradient(#178D6D, #20B88F) !important; background-image: -o-linear-gradient(#178D6D, #20B88F) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#178D6D', endColorstr='#20B88F',GradientType=0);/*For IE7-8-9*/ } .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); background-color:#9D2F8D; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#892E7B', endColorstr='#B049A2',GradientType=0);/*For IE7-8-9*/ height: 1%;/*For IE7*/ border:none; color:#ffffff !important; cursor:pointer; font-size:11px; height:35px; letter-spacing: -2px; line-height:35px; width:auto; } .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; } .cartbtnbluePanel { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0); background-color: #1E7EAB; background:-webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2AA3E0', endColorstr='#1E7EAB',GradientType=0);/*For IE7-8-9*/ border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 35px; letter-spacing: -1px; line-height: 35px; padding: 0 10px; text-transform: uppercase; width : auto; text-align:center !important; } .cartbtnbluePanel:hover { background:linear-gradient(#1E7EAB 40%,#2AA3E0); background:-webkit-linear-gradient(#1E7EAB 40%,#2AA3E0); background-color: #2AA3E0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E7EAB', endColorstr='#2AA3E0',GradientType=0);/*For IE7-8-9*/ color:#fff; } /* styles for customer care pages end */ /* Styles for SRL product page start */ #srl_flip{ padding:40px 40px 60px 40px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; } #srl_slider, #tech_module{ padding:40px; height:474px; border-bottom:1px solid #dcdcdc; } #srl_flip .flip_image_left{ float:left; width:434px; margin-right:27px; } #srl_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; } .thumb-wrapper { display:block; width:100%; height:100%; } .thumb img { width:100%; height:100%; position:absolute; display:block; } .thumb .thumb-detail { display:block; width:100%; height:100%; position:absolute; font-weight:bold; font-size:12px; } .thumb-detail p{ padding:10px; color:#ffffff; } /* * Without CSS3 */ .thumb.scroll { overflow: hidden; } .thumb.scroll .thumb-detail { bottom:-280px; } /* * 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{ width:213px; float:right; } #srl_flip .flip_image_left .flip_img_left_over, #srl_flip .flip_image_right .flip_img_right_over{ position:relative; } #srl_flip .flip_image_left .flip_img_right .shadow_buttons{ padding:5px } #srl_flip .flip_content_right h2, #why_srl_mod1 .mod1-content h2, #why_srl_mod2 .mod2-content-right h2, #why_srl_mod3 h1, #why_srl_mod5 h2, #why_srl_mod6 h2, #why_srl_mod4 h2, #srl_easytouse_mod3 .noslide_content h2, #srl_easytouse_mod4 h2{ text-transform:none; line-height:38px; font-size:30px; } #srl_flip .flip_content_right{ margin-top:100px; text-align:center; } #shadow_button3{ margin-right:0 !important; } #shadow_block_buttons{ width:376px; margin:0 auto; } .flip_content_right .comparative{ margin-top: 100px !important; text-align: left; width: 500px ; } #srl_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{ position:absolute; top:6px; left:42px; } #srl_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{ font-family:Georgia,arial,sans-serif; font-style:italic; font-weight:bold; } #srl_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{ 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:30px; } #slider_gallery{ float:right; width:425px; } #srl_slider .slider_text *{ text-align:center; } #srl_slider .slider_text .image1_text{ margin-top:45px; margin-bottom:25px; height:120px; overflow:hidden; } #srl_slider .slider_text .image1_text h3{ font-weight:bold; margin-bottom:5px; } #srl_slider .slider_text .image1_text .percentile_block{ width:350px; margin:0 auto; margin:15px 0; } #srl_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{ 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{ width:217px; margin: 0 auto !important; } #thumb-3{ margin-right:0px !important; } #srl_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:230px; position:relative; } #product_info .pricing_right .srlkit_flyer{ position:absolute; top:-5px; left:-105px; } #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(#f697da 60%, #db6aba); background:-webkit-linear-gradient(#f697da 60%, #db6aba); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f697da', endColorstr='#db6aba',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 10px; 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:12px; 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:-10px; right:-11px; } #tech_module{ background:url('../../../images/2013/jp/SRL/product/tech-mod_03_bg.jpg') no-repeat; zoom:1; height:550px; } #scientist_module, #derm_magazine_module, #warranty_module{ padding:40px 40px 0px 40px; 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:30px; line-height:38px; padding-left:67px; } #scientist_module .right .quote{ color: #707070; font-family: 'MS Mincho', Georgia, serif; font-size: 18px; line-height: 24px; background: url("../../../images/2013/jp/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/jp/global/PDF_Download_Graphic.jpg") no-repeat left top; margin-left: 67px; height: 40px; padding-left: 43px; padding-top:1px; } #derm_magazine_module .magazine_text{ width:555px; float:left; } #derm_magazine_module .magazine_text h2{ padding-left:0; margin-bottom:20px; font-size:30px; } #derm_magazine_module .comparative{ width:500px; margin-top:30px; } #derm_magazine_module .magazine_image{ width:404px; float:left; } #warranty_module .warranty_left{ width:560px; 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:30px; 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: 480px; z-index: 1003; text-align:left; } #srl_buynow_hopup .srl_buynow_bottom, #srlp_buynow_hopup .srl_buynow_bottom{ padding:20px 20px 20px 12px; border-top:1px solid #dcdcdc; } #srl_buynow_hopup .srl_buynow_bottom .buynow_left_product{ float : left; width: 175px !important; text-align: left; } #srl_buynow_hopup .srl_buynow_bottom .crossSell_hopup h5{ left:0px; } #srl_buynow_hopup .srl_buynow_bottom .buynow_left_product .crossSell_hopup{ height:35px; } #srl_buynow_hopup .srl_buynow_bottom .buynow_right_product{ width:222px; float:right; text-align: left; } .close_Product_Hopup{ position: absolute; right: -5px; top: 10px; background:url("../../../images/2013/ca/global/close_reg.png") no-repeat;width:30px; } .buynow_top .product_flag { left: -3px; position: absolute; top: 0px; } .buynow_header { color: #3b3b3c; font-size: 19px; } #srl_buynow_hopup .buynow_header{ font-size: 13px; } #buynow_product { height: 230px; margin: 25px 0 20px; width: 230px; } #product_image_div{ } #product_flag{ position:absolute; left:-3px; top:0px; display:none; } /* 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/jp/SRL/02_WhyTriaLaser/Mod-01/Realuser_SlideShow_BeautyShot.jpg') no-repeat 0 0; height:650px; border-bottom:1px solid #dcdcdc; } #why_srl_mod1 .mod1-content{ width:450px; float:right; margin:40px 40px 0px 0px; } #why_srl_mod1 p, #why_srl_mod2 p, #why_srl_mod4 p, #why_srl_mod6 p{ margin-bottom:20px; } #why_srl_mod2, #why_srl_mod5, #why_srl_mod4{ padding:40px; border-bottom:1px solid #dcdcdc; } #why_srl_mod2 .mod2-content-left, #why_srl_mod4 .mod4-content-left{ width:430px; float:left; } #why_srl_mod2 .mod2-content-right, #why_srl_mod4 .mod4-content-right{ width:430px; float:right; margin-top:2px; } #why_srl_mod3{ background:url('../../../images/2013/jp/SRL/02_WhyTriaLaser/Mod-02/WhyTria_Mod02_Background.jpg') no-repeat 0 0; height:450px; padding:25px 45px; border-bottom:1px solid #dcdcdc; } #why_srl_mod3 h1{ text-align:center; } #why_srl_mod3 .mod3_column, #why_srl_mod3 .mod3_column_last{ float:left; width:263px; margin-right:40px; } #why_srl_mod3 .mod3_column img, #why_srl_mod3 .mod3_column_last img{ display:block; margin-bottom:10px; } #why_srl_mod3 .mod3_column h3, #why_srl_mod3 .mod3_column_last h3{ font-size:16px; text-align:center; } #why_srl_mod3 .mod3_column p, #why_srl_mod3 .mod3_column_last p{ text-align:center; font-size:12px; line-height:15px; } #why_srl_mod3 .mod3_column_last{ float:right; margin-right:0px; } #why_srl_mod5 .mod5_fda_img{ width:585px; height:400px; float:right; } #why_srl_mod5 .mod5_fda_text{ width:360px; float:left; margin-top:40px; } #why_srl_mod5, #why_srl_mod6{ padding:0px 0px 0px 25px; 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:#3b3b3c; font-weight:bold; } #why_srl_mod6{ background:url('../../../images/2013/jp/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:90px 0px 0px 160px; } #compare_chart_table th{ color:#3b3b3c; 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{ } .socialDiv .share .addthis_toolbox{ width:40px !important; } /* styles for easy to use */ #srl_use_steps{ background:url('../../../images/2013/jp/SRL/03_EasyToUse/Mod01/Easy_Mod01_background.jpg') no-repeat right top; height:289px; padding:0px 20px; border-bottom:1px solid #dcdcdc; } #srl_use_steps .column_content{ width:300px; float:left; text-align:center; padding:10px 15px 0px 15px; margin: 20px 0; } #srl_use_steps .column_content h3{ color:#3b3b3c; font-size:16px; } #srl_use_steps .column_content p{ font-size:12px; } #column1, #column2, #column3{ height:269px; } #column1{ background:url('../../../images/2013/jp/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_01.png') no-repeat center 139px; } #column2{ background:url('../../../images/2013/jp/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_02.png') no-repeat center 139px; } #column3{ background:url('../../../images/2013/jp/SRL/03_EasyToUse/Mod01/Easy_Mod01_model_03.png') no-repeat center 139px; } #srl_easytouse_mod3{ position:relative; border-bottom:1px solid #dcdcdc; } #srl_easytouse_mod3 .srl_user_img{ width:490px; height:500px; float:left; } #srl_easytouse_mod3 .srl_user_content{ width:390px; float:right; margin-right:90px; margin-top:65px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote{ margin-top:220px; margin-left:20px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote p{ font-family:Georgia,arial,sans-serif; font-size:14px; line-height:24px; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote h4{ font-family:Arial,sans-serif; color:#3b3b3c; margin-bottom:8px; font-size:15px; text-transform:uppercase; font-weight:bold; } #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:-137px; opacity:0.6; filter:alpha(opacity=60); z-index:10; } #expert_next2{ position:absolute; top:123px; right:-138px; 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{ font-family:Arial,sans-serif; color:#3b3b3c; margin-bottom:8px; font-size:15px; text-transform:uppercase; font-weight:bold; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment .nobold{ font-weight:normal; } #srl_easytouse_mod3 .srl_user_content .srl_user_quote .tip_treatment .slidecount{ color:#C80082; } .next-slide, .next-slide:hover{ display:inline !important; } .next-slide img{ vertical-align:top; } #srl_easytouse_mod3 .noslide_content{ position:absolute; width:440px; top:65px; right:20px; z-index:101; } #srl_downloads{ padding:15px 30px 0px 44px; border-bottom:1px solid #dcdcdc; } #srl_downloads p{ text-align:center; margin-bottom:20px; } #srl_downloads .download1, #srl_downloads .download2, #srl_downloads .download3{ width:300px; 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:203px; margin-right:20px; } #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:705px; 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 .srlp_mini_box2{ width:462px; float:left; background:url('../../../images/2013/jp/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 .srlp_mini_box{ width:100%; float:left; /*background:url('../../../images/2013/jp/SRL/product/MarketingBoxes/MarketingBoxes_BG.jpg') no-repeat;*/ border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:211px; } #mini_boxes .mini_box .mini_img{ background:url('../../../images/2013/jp/SRL/product/MarketingBoxes/MarketingBoxes_01.jpg') no-repeat; width:462px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:219px; } .mini_full img{ width:100%; } #mini_boxes .mini_box2{ width:462px; float:left; background:url('../../../images/2013/jp/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_img{ background:url('../../../images/2013/jp/SRL/product/MarketingBoxes/MarketingBoxes_new.jpg') no-repeat; width:462px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:219px; } #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 .srlp_mini_box .mini_text, #mini_boxes .srlp_mini_box2 .mini_text { margin-top: 32px; } #mini_boxes .srlp_mini_box .mini_text { float: left; width: 208px; margin-left: -200px; } #mini_boxes .srlp_mini_box2 .mini_img { float: right; } #mini_boxes .srlp_mini_box2 .mini_text { float: left; width: 208px; margin-left: 20px; } #mini_boxes .mini_box:hover, #mini_boxes .srlp_mini_box:hover { border: 1px solid #3b3b3c; } #mini_boxes .srlp_mini_box:hover, #mini_boxes .srlp_mini_box2:hover { border: 1px solid #3b3b3c; } #mini_boxes .srlp_mini_box2 { float: right; } #mini_boxes .mini_box2{ float:right; } #mini_boxes .mini_box:hover, #mini_boxes .mini_box2:hover{ border:1px solid #3b3b3c; } #mini_boxes .mini_box .mini_text{ float:left; width:282px; margin-left:30px; margin-top:20px; } #mini_boxes .mini_box2 .mini_text{ float:left; width:300px; margin-left:22px; margin-top:20px; } #mini_boxes .mini_box2 .mini_text span.disclimar{ font-size: 10px; top: 90px; position: relative; } #mini_boxes .mini_box .mini_img{ float:left; /*width:231px;*/ } #mini_boxes .mini_box:hover{ border:1px solid #3b3b3c; } #crosssell_module{ border-bottom:1px solid #dcdcdc; background:url('../../../images/2013/jp/SRL/product/ADL_CrossSell.jpg') no-repeat right top; height:500px; } #crosssell_module .crossell_content{ margin:0px 0px 40px 40px; padding-top:40px; width:535px; } #derm_magazine_module{ padding-right:0px; padding-left: 0px; padding-top: 40px; } a.purparrow,a.purparrow:hover { background: url('../../../images/2013/jp/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:180px; 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:#3b3b3c; } #why_srl_mod4{ position:relative; } .zakia_disc{ position:absolute; top:270px; right:40px; width:430px; } /* styles for srl product sub pages end */ .scrollup{ width:40px; height:40px; position:fixed; bottom:0px; display:none; background: url('../../../images/2013/jp/LHR/arrowup.png') 0 0px no-repeat; } #floating_buynowc{ position: absolute !important; right: -79px; } #floating_buynowc .cartbtn { position: absolute !important; right: -23px; width: 80px; } #floating_buynowc .cartbtn { position: absolute !important; } .cartbtn1 { padding:0 11px; display:inline-block; font-weight:bold; text-transform:uppercase; background:linear-gradient(#27ade2 60%, #0774a2); background:-webkit-linear-gradient(#27ade2 60%, #0774a2); 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 { 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; } .promobtn { padding:0 11px; display:inline-block; font-weight:bold; text-transform:uppercase; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b1e21+0,794555+100 */ background: #3b1e21; /* Old browsers */ background: -moz-linear-gradient(top, #3b1e21 0%, #794555 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3b1e21 0%,#794555 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3b1e21 0%,#794555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b1e21', endColorstr='#794555',GradientType=0 ); /* IE6-9 */ border:none; color:#ffffff !important; cursor:pointer; font-size:13px; height:35px; letter-spacing: 1px; line-height:35px; zoom:1; } .promobtn:hover { background:linear-gradient(#950916 40%,#950916); background:-webkit-linear-gradient(#950916 40%,#950916); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#950916', endColorstr='#602F33',GradientType=0);/*For IE7-8-9*/ color:#fff; } #tbdcbc_lhr_4x_feature8 a.greybtn2{ padding:0 11px; display:inline-block; font-weight:bold; text-transform:uppercase; background:linear-gradient(#20b88f 60%, #178d6d) !important; background:-webkit-linear-gradient(#20b88f 60%, #178d6d) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#20b88f', endColorstr='#178d6d',GradientType=0) !important;/*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; } #tbdcbc_lhr_4x_feature8 a.greybtn2:hover { background:linear-gradient(#178d6d 40%,#20b88f) !important; background:-webkit-linear-gradient(#178d6d 40%,#20b88f) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#178d6d', endColorstr='#20b88f',GradientType=0) !important;/*For IE7-8-9*/ color:#fff; } /* Styles for new SPBL start */ #why_spbl_mod1{ background:url('../../../images/2013/jp/BL/Why-Acne/real-user.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:46px 60px 0px 0px; } #why_spbl_mod1 p{ font-family: georgia; font-size: 15px; line-height: 24px; margin-bottom: 20px; margin-left: 20px; text-align: left; } #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:36px; font-size:34px; width:467px; font-weight:bold; } .tbdcbc_spbl_about1 .tbdcbContent{ float: right; width: 420px;padding-right: 40px; } .tbdcbc_spbl_about1 .tbdcbContent #headline h3{ color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 38px; line-height: 38px; margin-bottom: 20px; margin-top: 0; padding: 66px 14px 11px 0; text-align: left; } .tbdcbc_spbl_about1 .tbdcbImage{ padding: 56px; } #contentP .subproduct_page_item .tbdcbc_spbl_about1{ padding: 10px 0 10px; } #contentP .subproduct_page_item .tbdcbc_spbl_about1 .tbdcbContent .bodycopy{ text-align: left; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent{ float: right; margin-top: 100px; padding-left: 16px; text-align: left; width: 573px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .bodycopy span#real_head1{ font-size: 15px; font-family: 'Work Sans', sans-serif; line-height: 7px; color: #707070; } #contentP .subproduct_page_item .tbdcbc_spbl_about3{ padding: 0; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent #headline h3{ left: -17px; position: relative; top: -86px; font-size: 38px; line-height: 38px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbContent .bodycopy{ padding-left: 50px; margin-top: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_about3 .tbdcbImage{ float: left; margin-bottom: -4px; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent { padding: 46px 10px 0px 40px; text-align: left; width:335px; } #contentP .subproduct_page_item .tbdcbc_spbl_about4 .tbdcbContent .headline h2 { font-family: Georgia, 'Work Sans', sans-serif; font-size: 23px; margin-bottom: 15px; line-height: 29px; color: #707070; } #contentP .liveEditBox .bc_spbl_whytria_feature8{left: 40px; position: relative; height:1px; 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 .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_spbl_about5 .tbdcbContent .bodycopy p{ color: #3b3b3c; font-size: 15px; margin-bottom: 0; font-weight: normal; } #contentP .liveEditBox .tbdcbc_spbl_about6{border-bottom:none;padding:30px 0px;} #contentP .liveEditBox .tbdcbc_spbl_about6 .tbdcbContent{ float: left; padding: 20px 0 0 50px; width: 499px;text-align:center;} #contentP .liveEditBox .tbdcbc_spbl_about6 .tbdcbContent #headline h3{ color: #3b3b3c; font-size: 32px; line-height: 31px; margin-bottom: 21px; text-transform: uppercase; } #contentP .liveEditBox .tbdcbc_spbl_about6 .tbdcbImage{ padding: 0px;float: left;} #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1{ padding: 40px; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent {margin-right: 200px;margin-top: 40px;} #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent #headline h3{ color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 32px; line-height: 32px; margin-bottom: 20px; margin-top: 0; } #contentP .subproduct_page_item .tbdcbc_spbl_easytouse1 .tbdcbContent .bodycopy p{ text-align:left; } #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps{background: url('../../../images/2013/jp/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:282px;text-align:center;padding:0px 9px;} #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{color: #3b3b3c;font-size:20px;text-transform:uppercase;padding-bottom: 10px;font-weight: bold;} #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:0px;color: #3b3b3c;font-size: 10px;height: 85px;} #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 .content{letter-spacing: -1px;} #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column1 img , #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column2 img , #contentP .subproduct_page_item .tbmcc_spbl_easytouse_steps .column3 img {margin-bottom: -3px; margin-top: 7px;} #contentP .subproduct_page_item .bc_spbl_easyuse_faq .imageURL{ margin-left: 40px; width: 278px; } #contentP .subproduct_page_item .bc_spbl_easyuse_faq .imageURL img { float: left; margin-right: 10px; } #contentP .subproduct_page_item .bc_spbl_easyuse_faq{ border-bottom: 1px solid #DCDCDC !important; float: left; padding: 1px 0 40px; width: 290px; } #spbl_easytouse_mod3 .noslide_content h2{ text-transform:none; line-height:38px; font-size:38px; position : relative; } #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:#3b3b3c; margin-bottom:8px; font-size:15px; text-transform:uppercase; font-weight:bold; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote .tip_treatment .nobold{ font-weight:normal; } #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;} #spbl_easytouse_mod3 .noslide_content{ height: 0; left: 513px; position: relative; top: 47px; width: 378px; z-index: 101; } #spbl_easytouse_mod3 .noslide_content p{ font-size:16px; line-height:21px; } #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:16px; line-height:23px; } #spbl_easytouse_mod3 .spbl_user_content .spbl_user_quote h4{ font-family:Arial,sans-serif; color:#3b3b3c; margin-bottom:8px; font-size:24px; text-transform:uppercase; font-weight:bold; } #contentP .liveEditBox .tbdcbc_spbl_feature5{border-top:1px solid #cccccc; height: 445px;border-bottom: none;background-position: right top !important;} #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbImage{ /* margin-left: 476px; position: absolute; */ float: left; margin-top: 45px; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent{ float: right; padding: 30px 0 0 0px; width: 575px;} #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent .bodycopy{width:224px;} #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent h3{ font-size: 38px; line-height:38px;letter-spacing: -4px;margin-bottom: -19px;} #tbdcbc_spbl_feature6 .bodycopy { background: url('../../../images/2013/jp/global/QuoteMarks_BL.png') no-repeat 0px 10px; padding-left: 90px; padding-top: 20px; padding-right: 107px; margin-top: 80px; } #tbdcbc_spbl_feature6 .bodycopy a{line-height: 18px;} #contentP .liveEditBox .bc_spbl_feature1{left: 445px; position: relative; height:1px; top: -164px;} #contentP .liveEditBox .bc_spbl_feature1 .link{display: inline-block;} #contentP .liveEditBox .bc_spbl_feature1 a{padding-right:10px; line-height: 19px;} #contentP .liveEditBox .bc_spbl_feature1 a img{vertical-align:bottom;} #contentP .liveEditBox .bc_spbl_feature1 .subHeader2{ padding: 20px; padding-left: 1px; font-size: 11px; } .tbdcbc_spbl_feature7 .tbdcbContent { padding-left: 293px; padding-top: 60px; position: absolute; width: 380px; float:right !important; } .tbdcbc_spbl_feature7 .tbdcbContent #headline h3{font-size:34px !important; line-height:36px;letter-spacing: -2px;} .tbdcbc_spbl_feature7 .tbdcbContent .bodycopy{width:300px;} .tbdcbc_spbl_feature7 .tbdcbContent .bodycopy p{font-size :13px;line-height: 17px;letter-spacing: -1px;} .tbdcbc_spbl_feature7 .tbdcbContent #headline{width: 327px;height: 80px;} .tbdcbc_spbl_feature7 .tbdcbContent .imageTwoBL { margin-top: -300px; margin-top: -296px\0; position: relative; margin-left:322px; } #contentP .liveEditBox .tbdcbc_spbl_feature7 .tbdcbContent a.greybtn2{ padding: 3px 19px !important;} .tbdcbc_spbl_feature7 .tbdcbImage {float:left !important;} .tbdcbc_spbl_feature7 { border-bottom: 1px solid #CCCCCC; } .tbdcbc_spbl_feature8 .tbdcbContent #headline h3{font-size:34px !important; line-height:36px;width: 500px;letter-spacing: -2px;} .tbdcbc_spbl_feature8 .tbdcbContent .bodycopy p{width: 450px;padding-left: 20px;} #contentP .liveEditBox .tbdcbc_spbl_feature8{border-bottom:none;padding-bottom: 40px;} #contentP .liveEditBox .tbdcbc_spbl_feature8 .tbdcbContent{ float: left; padding: 60px 0 0 50px; width: 480px;text-align:center;} #contentP .liveEditBox .tbdcbc_spbl_feature8 .tbdcbImage{ padding: 30px 100px 30px 0px;} #spbl_flip{height:500px;border-bottom:1px solid #cccccc;} #spbl_flip .flip_content_top{text-align:center;padding-top:30px;} #spbl_flip .flip_content_top h2{font-size: 32px;line-height: 32px;padding-bottom: 10px;} #spbl_flip .flip_content_top p{width:727px;text-align:center;margin:auto;} #spbl_flip .thumb { display: block; float: left; height: 290px; margin-bottom: 3px; margin-left: 29px; margin-right: 3px; position: relative; width: 289px; } #spbl_mod4{ background:url('../../../images/2013/jp/BL/MOD-01/ACBL_Realuser_SlideShow_BeautyShot.jpg') no-repeat left bottom; height:640px; border-bottom:1px solid #dcdcdc; } #spbl_mod4 .mod1-content{ width:438px; float:right; margin:40px 40px 0px 0px; } #spbl_mod4 p{ margin-bottom:20px; letter-spacing: -1px; } #spbl_mod4 .mod1-content h2{ text-transform:none; line-height:38px; font-size:35px; width :438px; letter-spacing: 0px; } div#tmp_colors_SlideshowControls { padding: 2px; } #contentP #products #tirtiary_nav #bc_spbl_MBox1{ width:450px; } #contentP #products #tirtiary_nav #bc_spbl_MBox3{ width:450px; } #contentP #products #tirtiary_nav #bc_spbl_MBox1 .headline{ position: absolute; top: 46px; width: 235px; left: -5px; } #contentP #products #tirtiary_nav #bc_spbl_MBox3 .headline{ position: absolute; top: 46px; width: 260px; left: 41px; text-align: left; } #contentP #products #tirtiary_nav #bc_spbl_MBox3 .imageURL img{ border:1px solid #dcdcdc; border-radius: 4px; } #tirtiary_nav .bc_spbl_MBox1 p a,#tirtiary_nav .bc_spbl_MBox3 p a{ text-align: left !important; } #bc_spbl_MBox1 .imageURL a img, #bc_spbl_MBox3 .imageURL a img{ border:1px solid #dcdcdc; border-radius:4px; } #bc_spbl_MBox1 .headline a, #bc_spbl_MBox3 .headline a{color:#3b3b3a !important;} #spbl_mod4 .mod1-content span{font-size:10px;} #tbdcbc_spbl_feature6 .tbdcbContent .bodycopy .comparative{position: absolute; margin-left: 0px; margin-top: 40px;} #tmpSlide-1 .hp_panel .leftCalloutBanner1 p1{ display: inline-block; margin-top: 16px; text-align: right; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p .barLine{ margin-top: 20px; padding: 0 10px; } #tmpSlide-1 .hp_panel .leftCalloutBanner1 p2{ display: inline-block; margin-top: 16px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p1{ display: inline-block; margin-top: 16px; text-align: center; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p .barLine{ margin-top: 20px; padding: 0 10px; } #tmpSlide-2 .hp_panel .leftCalloutBanner1 p2{ display: inline-block; margin-top: 16px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 p1{ display: inline-block; margin-top: 16px; text-align: center; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 p .barLine{ margin-top: 20px; padding:0px 10px; } #tmpSlide-3 .hp_panel .leftCalloutBanner1 p2{ display: inline-block; margin-top: 16px; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 p1{ display: inline-block; margin-top: 16px; text-align: center; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 p .barLine{ margin-top: 20px; padding:0px 10px; } #tmpSlide-4 .hp_panel .leftCalloutBanner1 p2{ display: inline-block; margin-top: 16px; } /* 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/jp/global/close_reg.png") no-repeat;width:30px; } .close_Product_Hopup:hover{ background:url("../../../images/2013/jp/global/close_hover.png") no-repeat;width:30px; } .pPageMarketing_Image{float:left; width:250px; margin-top: 57px; } .pPageMarketing_Content { float: right; margin-right: 38px; margin-top: 110px; text-align: center; width: 390px; } .pPageMarketing_Content_Image{ margin-top:-56px; margin-left: 69px; } .pPageMarketing_headline h2{ color:#045FB4 !important; font-weight :bold; margin-top:-15px; font-family:Brush Script MT !important; line-height: 35px; } .pPageMarketing_Content p{ color:#3b3b3a; text-align:center; width:400px; margin-left: 43px; } .pPageMarketing_Content_Desc { float: left; font-size: 11px; line-height: 15px; margin-top: 0px; width: 700px; } .pPageMarketing_Content .barLine{ margin-top: 18px; display: inline-block; padding:0px 10px; } .pPageMarketing_Content .leftText{ display: inline-block; margin-top: 15px; width: 115px; text-align: right; } .pPageMarketing_Content .rightText{ display: inline-block; margin-top: 14px; text-align:left; } /* HRL Cat page styles end */ .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; margin-top: -2px; } .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; } .no_bborder{ border-bottom:none; } .compare_table{ width:800px;margin:0 40px 40px 40px; } .compare_table 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: 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); } .compare_table 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); } .table_title{ text-align:center;padding-top:60px; } .table_outline{ background:url('../../../images/2013/jp/hrlp/comparison-chart_bg_900x1500.png') top left no-repeat;border:solid 0px grey;width:901px;margin:0 40px 40px;height:1500px; } .icon_img { float:left; margin-right:15px; } #headline h1 span { font-family:'Work Sans', sans-serif; font-size:12px; text-transform:uppercase; } .cat_click_r { color:#FFFFFF; cursor:pointer; float:right; height:462px; text-align:right; width:50%; z-index:1000; } .cat_click_l { color:#FFFFFF; cursor:pointer; float:left; height:462px; text-align:left; width:49%; } .hp_marketing_rollover { background-color:#3b3b3a000; background-position:initial initial; background-repeat:initial initial; height:185px; left:0; opacity:0.1; position:absolute; top:0; width:318px; } .hp_marketing_rollover{ position:absolute; background:#3b3b3a; left:0; top:0; opacity:0.1; filter:alpha(opacity=90); width:318px; height:185px; } #marketting_boxes .newhpmboxes { border-bottom-color:#EDEDED; border-bottom-style:solid; border-bottom-width:10px; float:left; height:283px; margin:10px 10px 0 0; position:relative; width:320px; } #marketting_boxes .newhpmboxes .headline { color:#3b3b3c; font-size:14px; font-weight:bold; margin:17px 6px 4px; /*text-transform:uppercase;*/ width: 310px; } .message_right{ padding:276px 0 0 160px; color:#fff !important; width:300px; text-align:left; } .message_left{ padding:276px 0 0 12px; color:#fff !important; width:300px; text-align:right; } .main_cat_image{ height:464px;background:url('../../../images/2013/jp/hrlp/LP_layout_980x465.jpg') top left no-repeat; } .message_left p1{ float :left; text-align: right; } .message_left .barLine{ float :left; padding: 0 10px; } .message_left p2{ float: left; text-align: right; } .message_right p1{ float :left; text-align: left; } .message_right .barLine{ float :left; padding: 0 7px; } .message_right p2{ float: left; width :240px; } #bc_mbox1_jp, #bc_mbox2_jp, #bc_mbox3_jp{ cursor:pointer !important; } #marketting_boxes #bc_mbox1_jp .headline a, #marketting_boxes #bc_mbox2_jp .headline a, #marketting_boxes #bc_mbox3_jp .headline a{ text-align:center !important; } #marketting_boxes .bc_mbox1_jp p a,#marketting_boxes .bc_mbox2_jp p a,#marketting_boxes .bc_mbox3_jp p a { color: #3b3b3a; text-align:center !important; } /* HRLp styles start */ #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 { position: relative; height: 840px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .headline h3{ color: #3b3b3c; left: 40px; position: absolute; font-size: 35px; } #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 .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 .stepcopy_1{ left: 470px; position: absolute; top: 280px; width: 463px; } #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: 475px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse2 .tbdcbContent .stepcopy_2 .bodycopy p{ width:425px; } #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; letter-spacing:-1px; } #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 .bc_lhr_c_easy_docs { text-align: center; padding-bottom: 30px; } #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 0px; width: 313px; } #contentP .subproduct_page_item .bc_lhr_c_easy_guide .imageURL { float: right; width: 302px; } #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: 245px; } #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; letter-spacing:-1px; } #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_C_easy_insts { border-bottom: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC; float: left; padding: 0 0 0px; width: 330px; } #contentP .subproduct_page_item .bc_lhr_c_easy_faqs { border-bottom: 1px solid #DCDCDC !important; float: left; padding: 0 0 0px; width: 335px; } #contentP .subproduct_page_item .newspdpslot4 .content { padding: 45px 0 40px 40px; font-size: 38px; font-family: 'Work Sans', sans-serif; color: #3b3b3c; } #contentP .subproduct_page_item .tbmcc_lhr_c_easy .column1 { width: 275px; padding-left: 40px; float: left; padding-bottom: 59px; border-bottom: 1px solid #dcdcdc; } .tbmcc_lhr_c_easy .textLink { padding-left: 65px !important; margin-top: -46px !important; position: absolute !important; } #contentP .subproduct_page_item .tbmcc_lhr_c_easy .content { background: url("../../../images/2013/jp/global/QuoteMarks_HRL.png") no-repeat scroll 0 0 transparent; } #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_para5 .content { line-height: 37px; width : 800px; } .tbdcbc_lhr_c_feature5b { height:490px; padding-top:0px !important; } .tbdcbc_lhr_c_feature5b .tbdcbImage img{ height: 550px; } .tbdcbc_lhr_c_feature5b .tbdcbContent{ margin:40px 0 0 30px; width:475px; text-align:left; } .tbdcbc_lhr_c_feature5b .tbdcbContent .bodycopy{ width :475px; letter-spacing: -1px; } .tbdcbc_lhr_c_feature5b .tbdcbContent #headline{ width :445px; } .tbdcbc_lhr_c_feature5b .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_lhr_c_feature5b .tbdcbContent .bodycopy p{ font-size: 14px; } .tbdcbc_lhr_c_feature5b .tbdcbContent .bodycopy p p2{ font-size: 10px; } .icon_img { float:left; margin-right:15px; } .tbdcbc_lhr_c_easyToUse7{ padding-bottom:40px; } .tbdcbc_lhr_c_easyToUse7 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item #p_lhr_c_easy_para.newspdpslot7 .content { color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 38px; padding: 45px 0 40px 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8{ padding: 0 40px 60px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbContent { float: right; width: 624px; text-align:left; padding-top: 40px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #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-size: 16px; line-height: 23px; letter-spacing: 1px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_easyToUse8 .tbdcbImage{ float: left; margin-right: 40px; width: 235px; } .tbdcbc_lhr_c_easyToUse_bigResults{ background-position:bottom right !important; height:373px; border-bottom:none !important; } .tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent{ width:400px; padding:80px 0 0 40px; } .tbdcbc_lhr_c_easyToUse_bigResults .tbdcbContent h3{ color: #3b3b3c; font-family: 'Work Sans', sans-serif; font-size: 35px; line-height: 37px; margin-bottom: 9px; } .tbdcbc_hrlp_jp_feature1{ height:502px; background-position:right top !important; border-top:1px solid #ccc; } .tbdcbc_hrlp_jp_feature1 #headline{ padding: 0 0 0 40px; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent DIV.headline,.tbdcbc_hrlp_jp_feature1 .tbdcbContent DIV.bodycopy,.tbdcbc_hrlp_jp_feature1 .tbdcbContent DIV.pageLink { margin-left: 40px; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent .bodycopy p span{ width: 355px; display: inline-block; letter-spacing: -1px; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent .bodycopy p p1{ margin-left: 140px; } .tbdcbc_hrlp_jp_feature1 .tbdcbImage { text-align: left !important; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent { margin-top: 40px; text-align: left !important; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 37px; margin-bottom: 20px; margin-top: 0px; line-height: 37px; color: #3b3b3c; margin-left: 35px; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent .bodycopy{ width:450px; } .tbdcbc_hrlp_jp_feature2 { height:376px; } .tbdcbc_hrlp_jp_feature2 .tbdcbImage { margin-bottom: 40px; } .tbdcbc_hrlp_jp_feature2 .tbdcbContent { width: 420px; margin: 80px 40px 0 0px; } .tbdcbc_hrlp_jp_feature2 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 37px; margin-bottom: 20px; margin-top: 0px; line-height: 37px; color: #3b3b3c; } .p_hrlp_jp_feature_para6 .content, .p_hrlp_jp_feature_para5 .content{ font-size:38px !important; padding:45px 0 40px 40px !important; line-height: 38px !important; color:#3b3b3c !important; } .tbmcc_hrlp_jp_benefits6 .column1, .tbmcc_hrlp_jp_benefits5 .column1{ width:250px !important; margin:0 0 40px 40px !important; float:left !important; border-bottom:none !important; padding-bottom :0px !important; } .tbmcc_hrlp_jp_benefits6 , .tbmcc_hrlp_jp_benefits5{ border-bottom:1px solid #ccc; height:303px; } .tbmcc_hrlp_jp_benefits6 .column2, .tbmcc_hrlp_jp_benefits5 .column2{ width: 540px !important; margin: 0 0px 0 0px !important; float: right !important; background: url('../../../images/2013/ca/hrlp/QuoteMarks_HRL.png') top left no-repeat !important; padding: 20px 30px 0 75px !important; border-bottom: none !important; height: 100px !important; } .tbmcc_hrlp_jp_benefits6 .column2 .content, .tbmcc_hrlp_jp_benefits5 .column2 .content{ line-height:29px !important; padding:0px !important; font-family: 'Work Sans', sans-serif !important; } .tbmcc_hrlp_jp_benefits6 .column2 .content #real_head1, .tbmcc_hrlp_jp_benefits5 .column2 .content #real_head1{ font-family: 'Work Sans', sans-serif !important; letter-spacing: 1px; font-size: 17px !important; } .tbmcc_hrlp_jp_benefits6 .textLink a, .tbmcc_hrlp_jp_benefits5 .textLink a{ padding-left:90px; } .tbmcc_hrlp_jp_benefits6 .textLink{ padding-left: 325px !important; margin-top: 120px !important; position: absolute !important; } .tbmcc_hrlp_jp_benefits5 .textLink{ padding-left: 422px !important; margin-top: 230px !important; position: absolute !important; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent{ margin:40px 0 0 40px; width:465px; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent #headline{ width:430px; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 37px; margin-bottom: 20px; margin-top: 0px; line-height: 37px; color: #3b3b3c; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent .bodycopy p{ font-size: 14px; line-height: 19px !important; width: 460px; } .tbdcbc_hrlp_jp_feature6{ background:url('../../../images/2013/jp/hrlp/M05_HRL_Gel_01.jpg') top left no-repeat; border-bottom: none !important; } .tbdcbc_hrlp_jp_feature6 .tbdcbContent{ width:350px; margin:80px 0 0 250px; } .tbdcbc_hrlp_jp_feature6 .tbdcbContent #headline{ width:375px; } .tbdcbc_hrlp_jp_feature6 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 37px; margin-bottom: 20px; margin-top: 0px; line-height: 37px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_lhr_c_benefits3 { border-bottom: none !important; padding-bottom: 0px } .tbdcbc_lhr_c_benefits3 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .bc_lhr_c_month1 { margin-left: 40px; border-top: none !important; border-bottom: none !important; width: 220px; float: left; } #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_month2 { border-top: none !important; border-bottom: none !important; width: 220px; float: left; } #contentP .subproduct_page_item .bc_lhr_c_afterMonth3 { border-top: none !important; border-bottom: 1px solid #dcdcdc; width: 220px; float: left; padding-bottom: 60px; } #contentP .subproduct_page_item .p_lhr_c_benefits_para5 { /*border-top: 1px solid #ccc; margin-top: 235px;*/ } #contentP .subproduct_page_item .p_lhr_c_benefits_para5 .content{ padding: 50px 40px 30px; font-size: 35px; font-family: 'Work Sans', sans-serif; line-height: 20px; color: #3b3b3c; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits { border-bottom: 1px solid #ccc; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column1 { border-bottom: 1px solid #DCDCDC; float: left; padding-bottom: 60px; padding-left: 40px; width: 275px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column1,#contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column2{ border-bottom: none !important; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column2{ float: right; height: 235px; padding-bottom: 63px; width: 665px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column_text .content{ padding: 30px 74px 5px 63px; background: url("../../../images/2013/jp/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: 'MS Mincho', Georgia,Arial,sans-serif; line-height: 18px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .column_text .content h3{ font-size: 10px; color: #3b3b3a !important; position: relative; top: 100px; } #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .videoLink, #contentP .subproduct_page_item .tbmcc_lhr_c_benefits .textLink { padding-left: 68px !important; margin-top: 10px; } #tbdcbc_lhr_c_4x_whytria_feature6 { padding: 0 !important; } #tbdcbc_lhr_c_4x_whytria_feature6 .tbdcbContent { padding: 78px 0 0 40px; text-align: left; } .tbdcbc_lhr_c_4x_whytria_feature6 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_lhr_c_4x_whytria_feature6 .tbdcbImage { text-align: right; margin-bottom: -4px; } .tbdcbc_lhr_c_benefits3b .tbdcbContent { text-align: center; width: 350px; margin: 110px 0 0 310px; } .tbdcbc_lhr_c_benefits3b { height: 400px; padding: 40px 40px 0 40px; } .tbdcbc_lhr_c_benefits3b .tbdcbContent .headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_lhr_c_benefits3b .tbdcbContent .bodycopy p{ width :285px; margin-left: 40px; } .tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbContent h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #tbdcbc_lhr_c_4x_whytria_feature7 .bodycopy .comparative { margin-left: -75px; margin-top: 100px; position: absolute; } .tbdcbc_lhr_c_4x_whytria_feature7 .bodycopy{ letter-spacing: -1px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_4x_whytria_feature7{ padding: 0px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbContent { text-align: left; float: right; width: 427px; margin-right: 40px; padding-top: 100px; padding: 120px 50px 40px 540px; position: absolute; } #contentP .subproduct_page_item .tbdcbc_lhr_c_4x_whytria_feature7 .tbdcbImage { margin-bottom: -3px; float: left; width: 470px; margin-right: 40px; border-bottom: none !important; } #p_lhr_c_benefits_folicile .content { padding: 40px 40px 0; text-align: center; } #derm_background .tbmcc_lhr_c_eliminate_root_problem { border-bottom: 1px solid #CCCCCC; padding-bottom: 150px; padding-top: 40px; width: 980px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column1 { float: left; padding: 0 25px 30px 40px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column1 .content { padding-top: 325px; position: absolute; width: 262px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .content { width: 270px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column2 { float: left; padding: 0 30px 30px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column2 .content { padding-top: 325px; position: absolute; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column2 .column_text { padding: 0; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column3 { float: left; padding: 0 25px 30px; } #derm_background .tbmcc_lhr_c_eliminate_root_problem .column3 .content { padding-top: 325px; position: absolute; width: 262px; } #contentP .subproduct_page_item .tbdcbc_lhr_c_benefits4 { border-bottom: 1px solid #dcdcdc; padding: 40px 0 0 0; } .tbdcbc_lhr_c_benefits4 .tbdcbContent #headline h3{ font-family: 'Work Sans', sans-serif; font-size: 38px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } #contentP .subproduct_page_item .tbdcbc_lhr_c_benefits4 .tbdcbImage { margin-bottom: -3px; } #pdf_slots .tbdcbc_lhr_c_benefits_fda { padding: 40px 0 60px; text-align: center !important; } #tbdcbc_lhr_c_benefits_fda { height: 423px; padding: 40px 0 5px !important; text-align: center; } #tbdcbc_lhr_c_benefits_fda .tbdcbContent { padding: 0 40px; } #pdf_slots .tbdcbc_lhr_c_benefits_fda h3 { color: #3b3b3c; font-family: 'ArialMTStd-Light',Arial,sans-serif; font-size: 34px; line-height: 38px; margin-bottom: 20px; margin-top: 0; } #tbdcbc_lhr_c_benefits_fda .bodycopy { background: url("../../../images/2013/jp/global/QuoteMarks_HRL.png") no-repeat scroll 375px 27px rgba(0, 0, 0, 0); } #tbdcbc_lhr_c_benefits_fda .bodycopy { padding: 48px 35px 0 440px; text-align: left; } #tbdcbc_lhr_c_benefits_fda .bodycopy h2 { color: #707070; font-family: Georgia,Arial,sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; } #tbdcbc_lhr_c_benefits_fda .bodycopy .comparative { position: absolute; margin-left: -110px; margin-top: 40px; } #tbdcbc_lhr_c_benefits_fda .tbdcbImage { margin-top: -264px; position: relative; } #pdf_slots .tbdcbc_lhr_c_benefits5 { padding: 40px 0 60px; text-align: center !important; } #pdf_slots .tbdcbc_lhr_c_benefits5{ border-bottom: medium none; } #pdf_slots #tbdcbc_lhr_c_benefits5 .tbdcbContent { float: left; margin-left: 60px; padding-top: 75px; text-align: center; width: 565px; } .tbdcbc_lhr_c_benefits5 .tbdcbContent #headline h3 { font-family: 'Work Sans', sans-serif; font-size: 37px; margin-bottom: 20px; margin-top: 0px; line-height: 38px; color: #3b3b3c; } .tbdcbc_lhr_c_benefits5 .tbdcbContent #headline{ width :592px; } .tbdcbc_lhr_c_benefits5 .bodycopy p { font-size: 14px !important; line-height: 20px; letter-spacing: -1px; } .tbdcbc_lhr_c_benefits5 .tbdcbImage { margin: 40px 40px 0; } .gwpjul1_top .tophrlph3 { font-size: 13px !important; } #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_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_hopup_hrlPproduct_close { position: absolute; margin: -14px 0 0 507px; } #flyoutprecisionH { position: absolute; margin: -302px 0 0 -97px; display: none; z-index: 3000; } #flyoutprecisionHB { position: absolute; margin: -304px 0 0 -313px; display: none; z-index: 3000; } #flyoutprecisionH_hopup_close { position: absolute; margin: 1px 0 0 517px; } #flyoutprecisionHB_hopup_close { position: absolute; margin: 1px 0 0 517px; } .buynow_Pheader { color: #3b3b3c; font-size: 24px; } #buynow_hopup_hrlPproduct .buynow_Pheader { font-size: 17px; padding-left: 81px; } .promotext_left{ float: right; color: #fff; font-size: 13px; margin-bottom: 15px; } .promotext_right{ float: left; color: #fff; font-size: 13px; margin-bottom: 15px; width : 350px; } .catContent_left{ width :300px;color: #FFFFFF;float: right; margin-bottom: 11px; } .catContent_right{ width :300px;color: #FFFFFF;float: left; margin-bottom: -6px; } #bc_hrlp_jp_MBox1 .imageURL a img,#bc_hrlp_jp_MBox2 .imageURL a img,#bc_hrlp_jp_MBox3 .imageURL a img{ border:1px solid #dcdcdc; border-radius: 4px; } #bc_hrlp_jp_MBox4 .imageURL img{ border:1px solid #dcdcdc; border-radius: 4px; } #bc_hrlp_jp_MBox4 .imageURL img{ height: 220px; } #bc_hrlp_jp_MBox1 .headline,#bc_hrlp_jp_MBox2 .headline ,#bc_hrlp_jp_MBox3 .headline,#bc_hrlp_jp_MBox4 .headline{ top: 25px !important; } #bc_hrlp_jp_MBox1 .headline a,#bc_hrlp_jp_MBox2 .headline a,#bc_hrlp_jp_MBox3 .headline a,#bc_hrlp_jp_MBox4 .headline a{ font-size: 13px; } #bc_hrlp_jp_MBox1 p,#bc_hrlp_jp_MBox2 p ,#bc_hrlp_jp_MBox3 p,#bc_hrlp_jp_MBox4 p{ top: 42px !important; width: 215px !important; padding: 0px 10px; } #bc_hrlp_jp_MBox4 p{ top: 35px !important; color: #FFFFFF; } .buynow_bottom { border-top: 1px solid #cccccc; padding-top: 20px; } #buynow_product_hrlPproduct { margin: 25px 0 20px; width: 230px; height: 230px; } 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: 11px; 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.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); } .shop_why_tria_p { margin: 598px 0 0 239px ; position: absolute !important; } #tbdcbc_lhr_c_benefits4 .tbdcbContent .greenbtn2 { left: -217px; position: relative; top: 297px; } .hrlp_pPageMarketing_Hopup{ -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; width:782px; } .hrlp_close_Product_Hopup { position: absolute; right: -8px; top: 8px; background: url("../../../images/2013/jp/global/close_reg.png") no-repeat; width: 30px; } .hrlp_pPageMarketing_Content { float: right; margin-right: 35px; margin-top: 219px; text-align: center; width: 350px; margin-left: 40px; } .hrlm_pPageMarketing_Hopup{ -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; width: 782px; } .hrlm_close_Product_Hopup { position: absolute; right: -12px; top: 4px; background: url("../../../images/2013/jp/global/close_reg.png") no-repeat; width: 30px; } .hrlm_pPageMarketing_Content { float: right; margin-right: 35px; margin-top: 219px; text-align: center; width: 350px; margin-left: 40px; } .tbdcbc_hrlp_jp_feature1 .tbdcbContent .bodycopy p p2{ font-size: 10px; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent .bodycopy p p2{ font-size: 10px; } .tbdcbc_hrlp_jp_feature5 .tbdcbContent .bodycopy{ width: 500px; } .hrlp_pPageMarketing_Content .leftText { display: inline-block; margin-top: 15px; width: 105px; } .hrlp_pPageMarketing_Content .rightText { display: inline-block; margin-top: 14px; text-align: left; } .hrlm_pPageMarketing_Content .leftText { display: inline-block; margin-top: 15px; width: 105px; } .homeLhrText span{ height:130px; } .homeLhrText{ float: left; } .homeSrlText{ float: left; margin-left: 6px; } .homeBlText{ float: left; margin-left: 6px; } .homeLhrText span a, .homeSrlText span a, .homeBlText span a{ text-align:center; height:40px; margin-right: 5px; line-height: 19px !important; } .homeProduct_content { height: 120px; top: 266px; position: absolute; width: 610px; left: 2px; } /* #bc_lhr_4x_MBox4 .imageURL{ border-bottom: 1px solid #dcdcdc !important; border-top: 1px solid #dcdcdc !important; } */ #bc_lhr_4x_MBox1 a img, #bc_lhr_4x_MBox2 .imageURL a img, #bc_lhr_4x_MBox3 .imageURL img, #bc_lhr_4x_MBox4 .imageURL img{ border:1px solid #dcdcdc; border-radius:4px; width:227px; } #bc_lhr_4x_MBox4 .headline,#bc_hrlp_jp_MBox4 .headline{ color: #FFFFFF; } #bc_lhr_4x_MBox4 p{ top :28px !important; color: #FFFFFF; } .hrlm_pPageMarketing_Content .rightText { display: inline-block; margin-top: 14px; text-align: left; } .bc_mbox1_jp .headline,.bc_mbox2_jp .headline,.bc_mbox3_jp .headline { color: #3b3b3c; font-size: 14px; font-weight: bold; margin: 17px -13px 4px!important; text-transform: uppercase; width: 300px; } .bc_mbox1_jp p,.bc_mbox2_jp p,.bc_mbox3_jp p { margin-bottom: 15px; font-size: 14px; margin: 0 10px 15px 18px!important; letter-spacing: -1px; } /****** Quick-View *********/ .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: 110px !important; font-size: 12px; color: #fff; opacity:.65; background:url("../../../images/2013/jp/global/link_arrow_white.png") no-repeat 100px 9px #707070; } .topicalHopup { width: 450px; height: 230px; padding: 40px 30px 30px 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: #3b3b3c; font-size: 24px; } #topicalHopup_close { margin: 0; position: absolute; right: 0px; top: 0px; padding-right: 10px; padding-top: 10px; } .topicalHopup_img_panel{ width:105px; padding-right:25px; float:left; position:relative; height:150px; color: #3b3b3a000; } .topicalHopup_img_panel a{ position:absolute; bottom:-2px; left:20px; color: #3b3b3a000; text-decoration: underline !important; } .topicalHopup_img_panel a:hover{ text-decoration: underline !important; } .content_topicalHopup_panel{ width:299px; text-align:left; float:right; color: #3b3b3a000; } .content_topicalHopup_panel h3{ font-size: 15px; line-height: auto; color: #3b3b3c; font-weight: bold; } .f12{font-size: 12px !important;} .cat_product{position:relative;} .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; position: absolute; bottom: 28px; } .quickReviews{ font-size: 12px; color: #3b3b3a; } .content_topicalHopup_panel p{ height: 100px; font-size: 12px; /*margin-bottom: -6px !important;*/ } .topicalHopup_right{ 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; } .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; } /********* End ******/ /****** 10thAnniverary *********/ .main_LP_image{ height: 413px; background: url('../../../images/2013/jp/promotions/10thAnniversary/LP_layout_980x413.jpg') top left no-repeat; } .main_LP_image .leftCallout_LPBanner1{ position: absolute; /* text-align: center !important; */ color: #ffffff !important; left: 331px; top: 142px; width: 513px; } .main_LP_image .leftCallout_LPBanner1 p { line-height: 20px; letter-spacing: -1px; font-size: 13px; } .leftCallout_LPBanner1 a.greybtn1{ background: linear-gradient(#746B6B 60%, #585858) repeat scroll 0 0 transparent !important; color: #FFFFFF !important; background-color:#746B6B !important; cursor: pointer; font-size: 13px; border-radius: 1px; font-weight: bold; letter-spacing: 1px; border: medium none; text-transform: uppercase; display: inline-block; height: 35px; line-height: 35px; padding: 0 7px; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#746B6B', endColorstr='#585858');/*For IE7-8-9*/ } .leftCallout_LPBanner1 a.greybtn1:hover { background: linear-gradient(#373434 40%,#322F2F) !important; background: -webkit-linear-gradient(#373434 40%,#322F2F); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373434', endColorstr='#322F2F',GradientType=0); color: #fff; } .lhr_user_review{ background: url('../../../images/2013/jp/promotions/10thAnniversary/LHR_User_review.jpg') top left no-repeat; height: 418px; } .lhr_user_review .content_lhr_review{ position: relative; color: #ffffff !important; left: 93px; top: 150px; top: 139px\0; /*only For IE alignment */ top: 139px\9;/*only For IE9 alignment */ width: 523px; } .lhr_user_review .content_lhr_review p{ line-height: 18px; letter-spacing: -1px; font-size: 13px; } .lhr_reviews_lp{ height: 500px; background: url('../../../images/2013/jp/promotions/10thAnniversary/lhr_optz_reviews.jpg') top left no-repeat; } .lhr_reviews_lp .lhr_rv1{ float: right; position: relative; right: 148px; right: 122px\0; right: 145px\9; top: 92px; } .lhr_reviews_lp .lhr_rv2{ float: right; position: relative; right: -150px; right: -203px\0; /*only For IE alignment */ right: -152px\9; top: 233px; } .lhr_reviews_lp .lhr_rv3{ float: left; left: 110px; position: relative; top: 234px; top: 142px\0; /*only For IE alignment */ top: 229px\9; } .lhr_reviews_lp .lhr_rv4{ float: left; left: 110px; left: -224px\0; /*only For IE alignment */ left: 113px\9; position: relative; top: 284px; } .lhr_reviews_lp .lhr_rv5{ float: right; position: relative; right: 155px; right:120px\0; /*only For IE alignment */ right:149px\9; top: 283px; top: 195px\0; /*only For IE alignment */ top: 281px\9; } .adl_user_review{ margin-top: -5px; height: 448px; background: url('../../../images/2013/jp/promotions/10thAnniversary/srl_user_review.jpg') top left no-repeat; } .adl_user_review .content_adl_review{ position: relative; color: #ffffff !important; left: 418px; top: 228px; width: 513px; } .adl_user_review .content_adl_review p{ line-height: 18px; font-size: 13px; } .adl_reviews_lp{ height: 486px; background: url('../../../images/2013/jp/promotions/10thAnniversary/srl_optz_reviews.jpg') top left no-repeat; } .adl_reviews_lp .adl_rv1{ float: right; position: relative; right: 129px; right: 107px\0; /*only For IE alignment */ right: 133px\9; top: 100px; } .adl_reviews_lp .adl_rv2{ float: left; left: 109px; position: relative; top: 241px; } .adl_reviews_lp .adl_rv3{ float: right; position: relative; right: -168px; right: -228px\0; /*only For IE alignment */ right: -170px\9; top: 235px; top: 146px\0; /*only For IE alignment */ top: 236px\9; } .adl_reviews_lp .adl_rv4{ float: left; left: 109px; position: relative; top: 282px; top: 192px\0; /*only For IE alignment */ top: 284px\9; } .adl_reviews_lp .adl_rv5{ float: right; position: relative; right: 130px; right: 108px\0; /*only For IE alignment */ right: 128px\9; top: 282px; top: 193px\0; /*only For IE alignment */ top: 280px\9; } .lhr_product_module{ margin-top: 110px; height: 499px; background: url('../../../images/2013/jp/promotions/10thAnniversary/lhr_module.jpg') top left no-repeat; } .lhr_product_module .lhr_procontent{ position: relative; top: 380px; float: left; } .lhr_product_module .lhr_procontent .lhr_cont_lp1{ float: left; margin-left: 74px; } .lhr_product_module .lhr_procontent .lhr_cont_lp2{ margin-left: 285px; } .lhr_product_module .lhr_procontent .lhr_cont_lp3{ margin-left: 478px; margin-top: -44px; } .lhr_product_module .image_cont{ position: relative; float: right; left: 220px; top: -61px; } .adl_product_module{ height: 388px; background: url('../../../images/2013/jp/promotions/10thAnniversary/srl_module.jpg') top left no-repeat; } .adl_product_module .adl_procontent{ position: relative; top: 278px; float: left; } .adl_product_module .adl_procontent .adl_cont_lp1{ float: left; margin-left: 80px; margin-left: 63px\0; margin-left: 75px\9; letter-spacing: -1px; } .adl_product_module .adl_procontent .adl_cont_lp2{ margin-left: 278px; margin-left: 280px\9; letter-spacing: -1px; width: 230px; } .adl_product_module .adl_procontent .adl_cont_lp3{ margin-left: 500px; margin-left: 495px\9; margin-top: -95px; } .adl_product_module .image_cont2{ position: relative; float: right; left: 254px; left: 293px\0; left: 244px\9; top: -76px; top: -69px\9; } .bl_product_module{ height: 383px; background: url('../../../images/2013/jp/promotions/10thAnniversary/spbl_module.jpg') top left no-repeat; } .bl_product_module .bl_procontent{ position: relative; top: 284px; float: left; } .bl_product_module .bl_procontent .bl_cont_lp1{ float: left; margin-left: 180px; } .bl_product_module .bl_procontent .bl_cont_lp2{ margin-left: 63px; margin-left: 37px\0; margin-left: 61px\9; float: left; } .bl_product_module .image_cont3{ position: relative; float: right; left: 160px; left: 120px\0; left: 157px\9; top: -3px; } .media_module_lp{ height: 383px; background: url('../../../images/2013/jp/promotions/10thAnniversary/media_module.jpg') top left no-repeat; } .media_module_lp .lhr_media_lp{ float: left; left: 284px; position: relative; top: 130px; } .media_module_lp .adl_media_lp{ float: left; left: 71px; left: 61px\0; left: 73px\9; position: relative; top: 258px; } .viewBtn{ display: block; cursor: pointer; text-align: center; position: absolute; top: 64px; margin-left: 250px; padding: 3px 0px; width: 100px !important; font-size: 12px; color: #fff; background-color: #58CBB6; } .adlviewBtn{ display: block; cursor: pointer; text-align: center; position: absolute; top: 64px; margin-left: 246px; margin-left: 253px\0; /*only For IE alignment */ margin-left: 253px\9; padding: 3px 0px; width: 100px !important; font-size: 12px; color: #fff; background-color: #C8A2C8; } .lp_close_Hopup{ position: absolute; right: 7px; top: 8px; background:url("../../../images/2013/jp/promotions/10thAnniversary/review_close.png") no-repeat; width:25px; height: 25px; } .lhrhopupview { background: url("../../../images/2013/jp/promotions/10thAnniversary/HRL_bg_review.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: -419px; position: absolute; top: 48px; width: 734px; z-index: 999; } .hopup_lhrreview_cont { /*margin-left: 45px; margin-top: 30px; width: 675px;*/ margin: 0; padding: 29px 39px 0 57px; width: auto; } .hopup_lhrreview_cont h3{ margin-bottom: 16px; padding-bottom: 12px; color: #1e7c62; font-size: 14px; font-weight: bold; border-bottom: 1px solid #A1AFA9; } .hopup_lhrreview_cont .pText{ margin-bottom: 10px; color: #1e7c62; } .lhrhopupview p{ font-size: 13px; line-height: 18px; letter-spacing: -1px; } .lhrhopupview .pText .spanImg, .adlhopupview .pText .spanImg { color: #ff7b1a; } .lhrhopupview .btmP { margin-bottom: 0; position: absolute; left: 57px; bottom: 24px; font-size: 11px; } p.pText.clearfix { font-size: 13px; line-height: 18px; letter-spacing: -1px; } .hopup_adlreview_cont { /* margin-left: 45px; margin-top: 30px; width: 675px;*/ margin: 0; padding: 29px 39px 0 57px; width: auto; } .adlhopupview { background: url("../../../images/2013/jp/promotions/10thAnniversary/SRL_bg_review.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); /*left: -419px;*/ position: absolute; top: 48px; width: 729px; left: 135px; z-index: 999; } .adlhopupview .pText { color: #7943aa; margin-bottom: 5px; } .adlhopupview p { font-size: 13px; line-height: 18px; letter-spacing: -1px; } .adlhopupview h3 { color: #7943aa; margin-bottom: 16px; padding-bottom: 12px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #A1AFA9; } .cartbtnbluePanelLP { background: linear-gradient(#2AA3E0 60%, #1E7EAB) repeat scroll 0 0 rgba(0, 0, 0, 0); background-color: #1E7EAB; background:-webkit-linear-gradient(#2AA3E0 60%, #1E7EAB); background: -moz-linear-gradient(top, #2AA3E0, #1E7EAB); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2AA3E0', endColorstr='#1E7EAB',GradientType=0);/*For IE7-8-9*/ border: medium none; color: #FFFFFF !important; 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; text-align:center !important; } .cartbtnbluePanelLP:hover { background:linear-gradient(#1E7EAB 40%,#2AA3E0); background:-webkit-linear-gradient(#1E7EAB 40%,#2AA3E0); background-color: #2AA3E0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E7EAB', endColorstr='#2AA3E0',GradientType=0);/*For IE7-8-9*/ color:#fff; } @media screen and (-webkit-min-device-pixel-ratio:0) { .lhr_reviews_lp .lhr_rv1:lang(ja){ right: 120px; } .lhr_reviews_lp .lhr_rv2:lang(ja){ right: -206px; top: 233px; } .lhr_reviews_lp .lhr_rv3:lang(ja){ left: 110px; top: 144px; } .lhr_reviews_lp .lhr_rv4:lang(ja){ left: -222px; top: 284px; } .lhr_reviews_lp .lhr_rv5:lang(ja){ right: 117px; top: 194px; } .adl_reviews_lp .adl_rv1:lang(ja){ right: 110px; top: 100px; } .adl_reviews_lp .adl_rv2:lang(ja){ left: 109px; top: 241px; } .adl_reviews_lp .adl_rv3:lang(ja){ right: -228px; top: 152px; } .adl_reviews_lp .adl_rv4:lang(ja){ left: 109px; top: 195px; } .adl_reviews_lp .adl_rv5:lang(ja){ right: 110px; top: 195px; } .bl_product_module .image_cont3:lang(ja){ left: 154px; } .lhr_reviews_lp .lhr_rv1:lang(ko){ right: 116px; } .lhr_reviews_lp .lhr_rv2:lang(ko){ right: -208px; top: 233px; } .lhr_reviews_lp .lhr_rv3:lang(ko){ left: 110px; top: 143px; } .lhr_reviews_lp .lhr_rv4:lang(ko){ left: -224px; top: 284px; } .lhr_reviews_lp .lhr_rv5:lang(ko){ right: 124px; top: 192px; } .adl_reviews_lp .adl_rv1:lang(ko){ right: 107px; top: 100px; } .adl_reviews_lp .adl_rv2:lang(ko){ left: 109px; top: 241px; } .adl_reviews_lp .adl_rv3:lang(ko){ right: -223px; top: 146px; } .adl_reviews_lp .adl_rv4:lang(ko){ left: 109px; top: 193px; } .adl_reviews_lp .adl_rv5:lang(ko){ right: 112px; top: 198px; } .bl_product_module .image_cont3:lang(ko){ left: 92px; } } .lhr_reviews_lp .lhr_rv1:lang(ja){ top : 92px\0; right : 140\0; } .lhr_reviews_lp .lhr_rv2:lang(ja){ right : -165\0; top : 223px\0; } .lhr_reviews_lp .lhr_rv3:lang(ja){ left: 115\0; top : 227\0; } .lhr_reviews_lp .lhr_rv4:lang(ja){ Left: 117\0; } .lhr_reviews_lp .lhr_rv5:lang(ja){ right: 151\0; top: 277\0; } .adl_reviews_lp .adl_rv1:lang(ja){ right :133px top :100px } .adl_reviews_lp .adl_rv2:lang(ja){ left:109px\0; top:235px\0; } .adl_reviews_lp .adl_rv3:lang(ja){ right:-158px\0; top:235px\0; } .adl_reviews_lp .adl_rv4:lang(ja){ top:284px\0; } .adl_reviews_lp .adl_rv4:lang(ja){ top:284px\0; } .adl_reviews_lp .adl_rv5:lang(ja){ right:133px\0; top:283px\0; } #htext, #mtext{ position:relative; } #htext p{ font-size:12px; background-color: #e2f1db; padding-top: 18px; height: 95px; margin:0; text-align:center; } #mtext p{ font-size:11px !important; background-color: #e2f1db; padding-top: 15px; line-height: 18px; } .promobox-payment{ background-color: #f2f2f2; padding-top: 18px; position:relative; margin-top:30px; padding:13px; } .close-promobox { position: absolute; right: 7px; top: 7px; } .close-promobox strong{ font-size: 16px; } /********* End ******/ @media all and (max-width: 1000px) and (min-width: 250px) {#spbl_mod4 .mod1-content h2{font-size:27px !important; } #contentP .liveEditBox .tbdcbc_spbl_feature5 .tbdcbContent h3{ font-size: 27px !important; } .tbdcbc_spbl_feature7 .tbdcbContent #headline h3{font-size:27px !important; } .tbdcbc_spbl_feature8 .tbdcbContent #headline h3{font-size:27px !important; } #spbl_mod4 p {font-size: 12px !important;} #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{ font-size: 8px !important; } } @media all and (max-width: 1300px) and (min-width: 800px){ .gwpjul1_topBuyNow .text_product{ width:659px !important; } .shop_why_tria_p{ margin: 618px 0 0 -591px !important; } #contentP .subproduct_page_item .p_lhr_c_easy_para5 .content{ width : 849px; letter-spacing: -1px; } .tbdcbc_lhr_4x_feature8 .tbdcbContent .bodycopy img{ margin: -145px 0 0 126px !important; } .tbdcbc_lhr_4x_feature8 .tbdcbContent .bodycopy p{ font-size: 13px !important; letter-spacing: -1px !important; } .tbdcbc_lhr_4x_feature8 .tbdcbContent{ width: 350px !important; } .tbdcbc_lhr_easyToUse9 .tbdcbContent{ width: 495px !important; margin: 40px 0 0 25px !important; } .tbdcbc_lhr_easyToUse9 .tbdcbContent .bodycopy p{ letter-spacing: -1px; } .bc_mbox1_jp p,.bc_mbox2_jp p,.bc_mbox3_jp p { margin:0 24px 15px -2px !important; } .tbdcbc_lhr_c_feature5b .tbdcbContent .bodycopy{ width :486px; } .cat_promo_box_text{ } } @media all and (max-width: 1600px) and (min-width: 800px){ #relatedProductsDiv { padding: 15px; top: 20px; } .box1_banner{ padding-bottom:20px; font-size:14px; } .main_divider{ margin:15px 0 !important; } .cbl_divider { border-top: 1px dotted #999999; margin: 10px 0; } #hopup_close { left: 33px; margin-top: -35px; } } #hrlImage > area{ cursor : pointer; } #adlImage > area { cursor : pointer; } /*****ShopAll styles START******/ #content .comparision_marketing { background: url("../../../images/2013/us/hrlp/ComparisonPage_25Card_01.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/jp/shopAll-pages/LHR/ShopAll_panels_HRL.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); height: 250px; margin-bottom: 10px; margin-top: -20px; width: 978px; border: 1px solid #dcdcdc; } #content .shopAdl{ background: url("../../../images/2013/jp/shopAll-pages/SRL/shopAll_panels_SRL.jpg") no-repeat left top !important; } #content .shopbl{ background: url("../../../images/2013/jp/shopAll-pages/BL/shopAll_panels_BL.jpg") no-repeat left top; } #content .shopblnew{ background: url("../../../images/2013/jp/shopAll-pages/BL/shopAll_banner.jpg") no-repeat left top; } #content .content_shopall{ border:1px solid #dcdcdc; margin-top:10px; } #content .shopall_img .shopall_img_content{ width: 545px; padding-top: 68px; padding-left: 50px; text-align:center; box-sizing:content-box; } #content .shopall_img .shopall_img_content h1{ font-size: 32px; } #content .shopall_product{ width:327px; float:left; height:403px; 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; padding-top:36px; border-bottom:1px solid #dcdcdc; position:relative; } #content .shopall_product .shop_item h6{ font-size: 14px; } #content .shopall_product .shop_item .topicalHopup_right, #content .shopall_product .shop_item .topicalHopup{ top:0; } #content .shopall_product .shop_item img{ display:block; margin:0 auto; 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:150px; } #content .shopall_product .shop_item h6{ line-height:24px; margin-bottom:20px; text-transform:capitalize; text-align:center; margin-top:24px; } #content .shopall_product_last{ height:auto; width:324px; } #replenishme_content { background: url("../../../images/2013/jp/shopAll-pages/replenishMe.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_bl { background: url("../../../images/2013/jp/shopAll-pages/BL/PromoPanel_BL.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_bl .replenishme_sub_content { padding-left: 15px; padding-top: 37px; text-align: center; width: 611px; } #replenishme_content_srl { background: url("../../../images/2013/jp/shopAll-pages/SRL/PromoPanel_SRL.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_srl .replenishme_sub_content { padding-left: 30px; padding-top: 37px; text-align: center; width: 611px; } #replenishme_content_lhr { background: url("../../../images/2013/jp/shopAll-pages/LHR/PromoPanel_HRL.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_lhr .replenishme_sub_content { padding-left: 35px; padding-top: 37px; text-align: center; width: 611px; } #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; } #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; } .quickViewPrice{ font-weight: bold; color: #3b3b3a; padding: 6px 0 5px 0; display: inline-block; } .replenishMe{ text-decoration: underline; font-size: 12px; } .leftCalloutBanner1 .h2 { color: #fff; font-family: arial; font-size: 13px; line-height: 21px; margin: 0; text-transform: none; margin-top: -30px; } .leftCalloutBanner1 .h1 { color: #fff; font-family: arial; font-size: 13px; line-height: 21px; margin: 0; text-transform: none; } .leftCalloutBanner1 .h3 { color: #fff; font-family: arial; font-size: 13px; line-height: 21px; margin: 0; text-transform: none; margin-top: -36px; } /*************** shopAll styles END *********/ #replenishme_content_lhr .replenishme_sub_content > p { display: inline-block; font-weight: bold; font-size: 13px; } #replenishme_content_lhr .replenishme_sub_content > p:first-child { float: left; margin-left: -40px; margin-top: 112px; text-align: right; color: #fff; font-weight:normal; } #replenishme_content_lhr .replenishme_sub_content > p:first-child .textColor{ color: #F1B640; } #replenishme_content_lhr .replenishme_sub_content > p:nth-child(2) .textColor{ color: #F1B640; } #replenishme_content_lhr .replenishme_sub_content > p:nth-child(2) { float: left; font-size: 14px; font-weight: normal !important; line-height: 19px; margin-left: 211px; margin-top: -153px; width: 475px; } #replenishme_content_lhr .replenishme_sub_content > p:nth-child(3) { float: right; margin-right: -320px; margin-top: -103px; text-align: left; color: #FFF; font-weight:normal; } #replenishme_content_lhr .replenishme_sub_content > p:nth-child(3) .textColor{ color: #F1B640; } #replenishme_content_srl .replenishme_sub_content > p:first-child { float: left; font-size: 14px; font-weight: normal !important; line-height: 24px; margin-left: 95px; margin-top: 35px; width: 580px; } #replenishme_content_srl .replenishme_sub_content > p:first-child .textColor{ color: #FF3006; } #replenishme_content_srl .replenishme_sub_content > p:nth-child(2) { float: left; font-size: 13px; font-weight: bold; line-height: 22px; margin-left: 190px; margin-top: 40px; width: 364px; color: #3b3b3a; } #replenishme_content_srl .replenishme_sub_content > p:nth-child(2) .textColor{ color: #3b3b3a; font-size:14px; } #replenishme_content_bl .replenishme_sub_content > p:first-child { float: left; font-size: 12px; font-weight: noraml !important; line-height: 24px; margin-left: 145px; margin-top: 34px; width: 520px; } #replenishme_content_bl .replenishme_sub_content > p:first-child .textColor{ color: #f06eaa; } #replenishme_content_bl .replenishme_sub_content > p:nth-child(2) { float: left; font-size: 13px; font-weight: bold; line-height: 22px; margin-left: 201px; margin-top: 10px; width: 364px; } #replenishme_content_bl .replenishme_sub_content > p:nth-child(2) .textColor{ color: #f06eaa; font-size:14px; } #header_EmailSignUpForm .headline { color: #ffffff; display: inline; float: left; font-size: 12px; font-weight: bold; text-transform: uppercase; } #header_EmailSignUpForm { float: left; left: 160px; 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; color: #3b3b3a; font-size: 12px; } .promotionPriceColor { color: #ea145f; font-weight: bold; text-transform: uppercase; } .priceStrike { font-weight: bold; } #tBanner{ position: absolute; margin: 0px 0 0 0px; } #p_latePost{ padding-top: 4px !important; } a.redbtn{ background:linear-gradient(#FF468D 60%, #FF468D) !important; background:-webkit-linear-gradient(#FF468D 60%, #FF468D) !important; background-color:#FF3006; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF468D', endColorstr='#FF468D',GradientType=0) !important;/*For IE7-8-9*/ border: medium none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; height: 35px; letter-spacing: -1px; line-height: 35px; padding: 0 50px; text-transform: uppercase; width: auto; height: 1%;/*For IE7*/ } a.redbtn:hover { background: linear-gradient(#FF468D, #FF468D) repeat scroll 0 0 transparent !important; background-image: -webkit-linear-gradient(#FF468D, #FF468D) !important; background-image: -moz-linear-gradient(#FF468D, #FF468D) !important; background-image: -o-linear-gradient(#FF468D, #FF468D) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF468D', endColorstr='#FF468D',GradientType=0);/*For IE7-8-9*/ } a.graybtn{ background-color:#a659ab; border:none; color: #FFFFFF !important; cursor: pointer; font-size: 18px; font-weight: bold; height: 35px; line-height: 35px; padding:12px 47px; text-transform: uppercase; width: auto; } /*a.graybtn:hover { background: linear-gradient(#950916, #950916) repeat scroll 0 0 transparent !important; background-image: -webkit-linear-gradient(#950916, #950916) !important; background-image: -moz-linear-gradient(#950916, #950916) !important; background-image: -o-linear-gradient(#950916, #950916) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#950916', endColorstr='#950916',GradientType=0);/*For IE7-8-9 }*/ .promotionColor { color: #FF468D; font-weight: bold; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { #header_EmailSignUpForm { left: 350px; } } /*****************InActive HOPUP LogIn page Start************/ .inActive_Hopup { width: 400px; height: 200px; 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_InActive_Hopup{ position: absolute; right: -5px; top: 10px; background:url("../../../images/2013/us/global/close_reg.png") no-repeat;width:30px; } .close_InActive_Hopup:hover{ background:url("../../../images/2013/us/global/close_hover.png") no-repeat;width:30px; } .inActive_Content { float: right; margin-right: 50px; padding-top: 55px; text-align: center; width: 300px; } /*****************InActive HOPUP LogIn page End************/ #srlp_slider { padding: 40px; height: 474px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } #srlp_slider .slider_text { width: 395px; float: left; text-align: center; } } #srlp_slider .slider_text h2 { text-transform: none; line-height: 38px; margin-bottom: 20px; font-size: 38px; margin-left: -10px; } #srlp_slider .slider_text p { margin-bottom: 30px; } #srlp_slider .slider_text .image1_text { margin-top: 45px; margin-bottom: 25px; height: 120px; overflow: hidden; } #srlp_slider .slider_text .image1_text h3 { font-weight: bold; margin-bottom: 5px; } #srlp_slider .slider_text p { margin-bottom: 30px; } #srlp_slider .slider_text .image_thumbs { width: 217px; margin: 0 auto !important; } #srlp_slider .slider_text .image_thumbs .slider_thumbs { width: 65px; float: left; margin-right: 10px; padding: 5px 0; } #scientist_module_srlp { padding: 40px 40px 0px 40px; border-bottom: 1px solid #dcdcdc; } #scientist_module_srlp .right { width: 340px; float: right; height: 430px; margin-top: -29px; } #scientist_module_srlp .left { width: 554px; height: 370px; float: left; padding-top: 30px; } #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: #3b3b3c; } #crosssell_module_srlp { border-bottom: 1px solid #dcdcdc; background: url('../../../images/2013/jp/SRLP/topical_box.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; } #srlp_flip { padding: 40px 40px 60px 40px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } #srlp_flip .flip_image_left { float: left; width: 434px; margin-right: 27px; } #srlp_flip .flip_content_right { margin-top: 100px; text-align: center; float: right; width: 430px; } #srlp_easytouse_mod3 { position: relative; border-bottom: 1px solid #dcdcdc; } #srlp_easytouse_mod3 .noslide_content { position: absolute; width: 440px; top: 40px; right: 0px; z-index: 101; } #srlp_easytouse_mod3 .noslide_content h2 { margin-bottom: 37px; } #srlp_easytouse_mod3 .srlp_user_img { width: 490px; height: 370px; float: left; padding-top: 80px; padding-left: 50px; } #srlp_easytouse_mod3 .srlp_user_content { width: 390px; float: right; margin-right: 40px; } #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote { margin-top: 148px; margin-left: -44px; } #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; } #srlp_easytouse_mod3 .srlp_user_content .srlp_user_quote h4 { font-family: Arial,sans-serif; color: #3b3b3c; margin-bottom: 8px; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-left: 55px; } #srlp_use_steps { height: 363px; padding: 0px 40px; border-bottom: 1px solid #dcdcdc; } #srlp_use_steps h2 { text-align: center; padding-top: 27px; line-height: 38px; } #srlp_use_steps .column_content { width: 272px; float: left; text-align: center; padding: 20px 10px 0px 15px; } #column1_srlp { background: url('../../../images/2013/jp/SRLP/EasyToUse/ADLp_step1_cleanse.png') no-repeat center 139px; } #column1_srlp, #column2_srlp, #column3_srlp { height: 269px; } #srlp_use_steps .column_content h3 { color: #3b3b3c; font-size: 16px; } #srlp_use_steps .column_content p { font-size: 12px; } #column2_srlp { background: url('../../../images/2013/jp/SRLP/EasyToUse/ADLp_step2_treat.png') no-repeat center 139px; } #why_srlp_mod1 { background: url('../../../images/2013/jp/SRLP/02_WhyTriaLaser/Mod-01/Realuser_SlideShow_BeautyShot.jpg') no-repeat 0 0; height: 650px; border-bottom: 1px solid #dcdcdc; } #why_srlp_mod1 .mod1-content { width: 430px; float: right; margin: 40px 40px 0px 0px; } #why_srlp_mod1 .mod1-content h2, #srlp_flip .flip_content_right h2 #why_srlp_mod2 .mod2-content-right h2, #why_srlp_mod5 h2, #srlp_easytouse_mod3 .noslide_content h2 { text-transform: none; line-height: 38px; font-size: 38px; } #why_srlp_mod1 .mod1-content h2 { margin-bottom: 30px; } #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; } div#tmpSlideshow { height: auto; } #why_srlp_mod5 { padding: 0px 0px 0px 35px; border-bottom: 1px solid #dcdcdc; } #why_srlp_mod5 .mod5_fda_text { width: 360px; float: left; margin-top: 40px; } #why_srlp_mod5 .mod5_fda_img { width: 585px; height: 400px; float: right; } #why_srlp_mod5 h2{ text-transform: none; line-height: 38px; font-size: 30px; } #column3_srlp { background: url('../../../images/2013/jp/SRLP/EasyToUse/ADLp_step3_nourish.png') no-repeat center 139px; } .jpJanSilky{ position:absolute; right: 167px; bottom: -388px; color:#fff; text-align:right; } .jpJanBody{ position:absolute; left: 157px; bottom: -388px; color:#fff; text-align:left; } .PriceStriker{width: 286px;font-size: 24px;margin-left: -5px;} .ourManagementWidth{ width:700px; } .paddingNone{ padding-right:0 !important; padding-left:0 !important; } .marginTop5{ margin-top:5px; } .marginTop10{ margin-top:10px; } .marginTop20{ margin-top:20px; } .marginTop30{ margin-top:30px; } .marginTop50{ margin-top:50px; } .marginTop70{ margin-top:70px; } .marginTop80{ margin-top:80px; } .cartRightImages{ margin-top:88px; } .carRightImageTop{ margin-top:10px; } .cartDottedLinebg{ background: url(../../../images/2013/ca/global/border_h.gif) bottom left repeat-x; padding-bottom:10px; } .marginTop28{ margin-top:28px; } /*-------Topicals Landing-------*/ .contentTopSetting *{ box-sizing:border-box !important; } .contentTopSetting{ padding-top:0px !important; margin-top:-20px; } .topicalsHeading{ font-family: 'Work Sans', sans-serif; } .marginTop40{ margin-top:40px; } .borderNone{ border:0 !important; } .topicalShopAllProductWrapper{ position: relative; border-right: 1px solid #ccc; padding: 50px 0 0 0; border-bottom: 1px solid #ccc; padding: 50px 0 0 0; } .topicalShopAllProductWrapper .quick-view{ top:35%; display:none; } .topicalShopAllHopUp{ width: 480px; min-height: 230px; padding: 40px 40px 40px 30px; border:2px solid #d2d2d2; display: none; position: absolute; top: 0; right: 0px; 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; } .topicalShopAllProductDetails{ margin-top:24px; margin-bottom:20px; } .topicalShopAllHopUpImage{ width:120px; height:120px; } .displayNone{ display:none; } .fontSize11{ font-size: 11px; } .topicalsRadioBottom10{ margin-bottom: 10px; top:0px; } .topicalsRadioBottom3{ margin-bottom: 3px; top:0px; } .marginBottom7{ margin-bottom:7px; } .paddingnone{ padding:0 !important; } .paddingtop50{ padding-top:50px; } .paddingtop10{ padding-top:10px; } .paddingtop20{ padding-top:20px; } .brdrrightnone{ border-right:none !important; } .brdrbottomnone{ border-bottom:none !important; } .brdrbottomno{ border-bottom:none !important; } .brdrrighttbottomtnone{ border-right:none !important; border-bottom:none !important; } .stocktxt{ padding: 7px 180px 0 0; float:right; } a.blue_arrow { background: url(../../../images/2013/us/landingpages/link_arrow.png) no-repeat scroll right center transparent; color: #3b3b3c !important; font-size: 11px; font-weight: bold; height: 12px; padding-right: 8px; text-decoration: none !important; text-transform: uppercase; } .promogreybox{ background-color: #eee; padding : 15px; border: 1px solid #ccc; } .promogreybox b{ color: #76bc50; } .brdrbottom{ border-bottom:1px solid #ccc; } .fontsize11{ font-size:11px; } .Ppagecarousel{ padding:15px 0 0 0 } .Ppagecarousel .carousel-indicators .active { background: #3b3b3c; width: 10px; height: 10px; margin: 0 5px; } .Ppagecarousel .carousel-control.left{ left:0px;text-align:left;} .Ppagecarousel .carousel-control.right{ right:0px;text-align:right;} .Ppagecarousel .carousel-indicators li { border: none; background: #ccc; margin: 0 5px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ccc; } .Ppagecarousel .carousel-indicators { bottom: -21px; left: 45%; } .triarwd_ppage_h1 { font-family: 'Work Sans', sans-serif; font-size: 24px !important; color: #3b3b3c !important; margin-bottom: 5px; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #3b3b3a\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px; } .carousel-control { top: 50% !important; background-image: none !important; } .modal-backdrop{display:block !important;} .prod_desc_color { color: #3b3b3c; font-size: 14px; line-height: 18px; margin: 10px 7px 0 0; } .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; } .addTobag { background: #Ff1654; padding: 12px 10px; color: #fff; border: none; width: 350px; margin-bottom: 15px !important; border-radius: 0px; display: block; margin: 0 auto; } .uCase { text-transform: uppercase; } .Paymentplans { padding: 15px 0; background: #eee; margin: 20px 0; } .social i { font-size: 30px!important; margin: 17px 32px 0 0; } .triarwd_ppage_h1 { font-family: 'Work Sans', sans-serif; font-size: 24px !important; color: #3b3b3c !important; margin-bottom: 5px; margin-top: 20px; } .marginTop20 { margin-top: 20px !important; } .marginTop120 { margin-top: 120px; } .marginTop70 { margin-top: 70px; } .paddingnone { padding: 0 !important; } .brdrtopgray { border-top: 1px solid #ccc; } .brdrbottomgray { border-bottom: 1px solid #ccc; } .brdrright { border-right: 1px solid #fff; } .brdrleft { border-left: 1px solid #ccc; } .expertlysection { padding: 20px 40px 0 40px; } .quote { color: #707070; font-family: Georgia, 'Work Sans', sans-serif; font-size: 18px; line-height: 29px; background: url(../../../images/2013/jp/global/QuoteMarks_HRL.png) no-repeat; padding-left: 64px; padding-top: 23px; margin: 20px 0; } .Triatechpadding { padding:20px 30px 0 30px; } .advFeature { padding: 25px 0 0 40px !important; } .GetaSmooth { padding: 90px 0 0 50px !important; } .imageBox img{ float:left; border:1px solid #ccc; border-radius:5px; margin:0 13px 0 0; } .imageBox img:hover{ border:1px solid #3b3b3c; } .imageBox{ position:relative; display: table-cell; } .imageBoxtxt{ position:absolute; text-align:center; width: 230px; } .imageBoxtxt h3{ font-weight: bold; font-size: 14px; margin:0; padding:5px 0 0; } .imageBoxtxt h3 a{ color: #3b3b3c; } .imageBoxtxt p{ font-size: 12px; } .CompareOptions { padding: 10px 10px; border: 1px solid #ccc; margin: 0 0 15px 0; cursor: pointer; min-height: 80px; } .ProductSelected { border: 1px solid #d41568 !important; position: relative; } .ProductSelected .SlectCircle { display: block; position: absolute; top: -10px; right: 10px; width: 20px; height: 20px; background: url(/triawebstore2/images/2013/us/nuvesse/product/product-selector-checkmark.png) center top ; } .SAO a { text-decoration: underline; color: #38CAB7; } .SAO a:hover { color: #1a9c8b; text-decoration: underline; } .SAO { margin: 0 0px 10px 0; height: 15px; } .hrppage { height: 1px; margin-bottom: 0px; margin-top: 0; } .modal { overflow-y: hidden !important; } #compareModal .modal-dialog { width: 700px; } #videoModal .modal-content { padding: 10px; } #advert-once { background-color: #fef9b9; padding:25px 0; text-align:center; } #advert-once .advert-button { cursor: pointer; float: right; position: absolute; right: 10px; top: 10px; display: block; width: 20px; height: 20px; } #advert-once span{ font-weight:600; text-decoration:underline; line-height: 22px; font-size: 16px; } #advert-once p{ line-height:22px; margin:0; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 80px; position: absolute; content: " "; width: 5px; background-color:#f9e8f2; left: 50%; margin-left: -1.5px; } .timeline > li { position: relative; padding: 0 45px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 365px; float: left; border: 1px solid #d4d4d4; padding: 15px; position: relative; margin-top: 100px; } .timeline > li > .timeline-badge { width: 25px; height:25px; position: absolute; top: -20px; left: 50%; margin-left: -12px; background-color: #c91884; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel, .timeline > li.timeline-inverted > .history_content_block{ float: right; } .timeline-badge.lighter { background-color: #f9e8f2 !important; top:-70px !important; } .timeline-title { font-family: Georgia,Arial,sans-serif; color: #3b3b3c; font-size: 38px; margin-bottom: 25px; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 768px) { .timeline > li{ padding: 0 30px 0 0; } ul.timeline:before { right: 0; left: auto; } .timeline > li.timeline-inverted > .timeline-panel, .timeline > li.timeline-inverted > .history_content_block{ float:none; } ul.timeline > li > .timeline-panel { width: 100%; } .stickymenu, .startimg, .futureimg { display:none; } ul.timeline > li > .timeline-badge { left: auto; margin-left: 0; top: -22px; right: -10px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .close-promobox { position: absolute; right: 3px; top: 3px; } #mtext p{ padding:20px 20px 10px 20px !important; } .productContent{ margin-top:-14px !important; } } .animateslideup{ transition: 1.5s; opacity: 0.1; } .translate.triggeredCSS3 { transform : translateY(-100px); opacity: 1; } .grayColortxt{ color:#3b3b3c !important; font-size:14px; letter-spacing:3px; margin-bottom:30px; padding-top:40px; line-height: 13px; font-weight: 600; } .futureimg{ width: auto; margin-top: 0; position: absolute; top: -110px; right: 340px; } .startimg{ width: auto; margin-top: 0; position: absolute; top: 0px; right: 370px; } .margin-bottom50{ margin-bottom:50px; } .vericaltext{ width:1px; word-wrap: break-word; font-weight: 600; } .stickybar{ width: 5px; background-color: #f9e8f2; height:90px; margin: 0 0 0 4px; } .stickymenu{ position:fixed; top: 40%; right: 50px; z-index:99; } .products-display{ border:1px solid #dcdcdc; } .products-display ul li { float:left; width: 233.6px; border-right: 1px solid #ccc; min-height: 200px; position:relative; text-align: center; } .products-display ul li:last-child{ border:none; } .products-display ul li div{ overflow:hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-top:200px; position:absolute; width: 100%; height: 0px; padding-top: 0px; z-index:999; } .products-display ul li:first-child:hover div{ margin-top:0px; height:200px; background:rgba(249,231,242, 0.9); } .products-display ul li:nth-child(2):hover div{ margin-top:0px; height:200px; background:rgba(216,208,206, 0.9); } .products-display ul li:nth-child(3):hover div{ margin-top:0px; height:200px; background:rgba(238,234,244, 0.9); } .products-display ul li:nth-child(4):hover div{ margin-top:0px; height:200px; background:rgba(238,234,244, 0.9); } .products-display ul li:last-child:hover div{ margin-top:0px; height:200px; background:rgba(239,248,252, 0.9); } .products-display ul li:nth-child(2) div a, .products-display ul li:last-child div a{ padding: 78px 0 !important; } .products-display ul li div a{ padding: 88px 0; display: inline-block; } .products-display ul li:first-child img { width:30%; } .products-display ul li:nth-child(2) img{ width:15%; } .products-display ul li:nth-child(3) img{ width:20%; } .products-display ul li img{ position:absolute; left:0; right:0; bottom:30px; margin:auto; } .category-box{ position:relative; } .category-text{ position: absolute; top: 115px; text-align: center; left: 0; right: 0; margin: auto; bottom: 0; } .category-text h2{ font-size: 26px; font-weight: 600; } .bordernone{ border:none !important; } .vericaltext a{ font-size:13px !important; } .japan-flag, .korea-flag{ width:18px; box-shadow:0 0px 7px #ccc inset; height: 13px; } .flag{ width:18px; } .submenu_about{ padding:70px 0 50px 0; } .submenu_about ul li{ display: inline-flex; margin:0 20px; text-align:center; } .submenu_about ul{ text-align: center; margin: auto; } .submenu_about ul li .active{ font-weight:bold; color:#3b3b3a; text-decoration:underline; } .submenu_about ul li a:hover{ color:#f9e7f2; } .bestsellerimg .afterhover{ display:none; opacity: 0; } .bestsellerimg p{ display:none; font-size:11px; font-weight:600; text-align:center; } .bestsellerimg:hover p{ display: block; position: absolute; bottom: -40px; width: 143px; left: -22px; right: 0; margin: auto; } .beforehover{ position: absolute; display: block; left: 0; right: 0; margin: auto; bottom: 0; } .bestsellerimg:hover .afterhover{ display:block; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; opacity:1; cursor:pointer; } .bestsellerimg:hover .beforehover{ visibility:hidden; } .bestsellerimg{ float:left; position: relative; width: 75px; height: 110px; } .productssection{ padding:80px 0 30px 0; } .productssection p{ text-align:center; font-size:14px; padding:20px 0 ; font-weight:600; color:#3b3b3c; } .hrlwidth{ width:59px; height:110px; } .hrlpwidth{ width:24px; height:93px; } .adlwidth{ width:30px; height:53px; } .adlpwidth{ width:37px; height:102px; } .clubtriaimg{ padding:80px 0 0 0; } .newsmedia li{ border-bottom:1px solid #f5f5f5; padding: 10px; margin: 5px 0px 0 0; font-size:13px; } .newsmedia li span{ font-weight:600; padding:0 100px 0 0; } .viewallbtn{ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; color:#3b3b3c; margin:30px 0; text-align:center; display:inline-block; font-size: 14px; background: #fff; padding: 10px 70px; border: 1px solid #ccc; } .viewallbtn:hover{ color:#fff; } .viewallbtn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3b3b3a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .viewallbtn:hover:before, .viewallbtn:focus:before, .viewallbtn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .newsletterbox{ background:#f9e8f2; padding:40px 0 80px 0; margin:50px 0; } .newsletteremail{ border: 1px solid #c91783!important; padding: 18px !important; width: 65%; } .newsletteremail::placeholder{ color:#ddd; } .btnsubmit{ color: #3b3b3a; padding: 10px; width: 150px; margin: 0 0 0 20px; background: none; border: 1px solid #3b3b3a; } .btnsubmit:hover{ border:1px solid #c91783; background:#fff; color:#c91783; } .txtboxpadding{ padding:0 20px 0 30px; } .customerhelp{ cursor:pointer; padding:15px 0 15px 0; margin: 0 0 50px 0; background: #f9e7f2; /* Old browsers */ background: -moz-linear-gradient(45deg, #f9e7f2 6%, #fffbd2 20%, #fffbd2 20%, #e2f1db 43%, #eeeaf4 58%, #fffbd2 76%, #f9e7f2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f9e7f2 6%,#fffbd2 20%,#fffbd2 20%,#e2f1db 43%,#eeeaf4 58%,#fffbd2 76%,#f9e7f2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f9e7f2 6%,#fffbd2 20%,#fffbd2 20%,#e2f1db 43%,#eeeaf4 58%,#fffbd2 76%,#f9e7f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e7f2', endColorstr='#f9e7f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .customerhelp .col-sm-offset-2{ padding-top: 0; } .msgbox{ border-right: 1px solid #ccc; padding: 7px 20px 0 80px; height:36px; } .msgbox h4{ color:#3b3b3a; line-height: 20px; font-size: 13px; font-weight: 600; } .msgbox p{ font-size:12px; } .bgcolorlight{ background:#f9e8f2; padding: 22px 0 100px 0; margin: 0 0 60px 0; } .greetings p{ color:#3b3b3a; line-height:22px; } .bgcolorpink{ background:#c91883; padding:60px; margin:80px 0; } .gotoformbtn{ border:1px solid #fff; padding: 12px; color: #fff; width: 220px; text-align: center; } .gotoformbtn:hover{ color:#f9e7f2; border:1px solid #f9e7f2; } /*==carousel fade ==*/ #recommend .carousel-control.left{ left:0 !important } #recommend .carousel-control.right{ right:0 !important; } #myCarousel .left, #myCarousel .right{ float:none !important; } #myCarousel .carousel-indicators .active{ border:none; background:#3a3a3c; } #myCarousel .carousel-indicators li{ background:#b0a7bc; border:none; } #myCarousel .carousel-control.left, #recommend .carousel-control.left{ background:#fff url('../../../images/2013/jp/home/right-arw.png') center 50% no-repeat !important; width: 45px; height: 45px; border-radius: 30px; left: -60px; } #myCarousel .carousel-control.right, #recommend .carousel-control.right { background:#fff url('../../../images/2013/jp/home/right-arw.png') center 50% no-repeat !important; width: 45px; height: 45px; border-radius: 30px; right:-60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #myCarousel .carousel-control.right, #myCarousel .carousel-control.left { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; display:none; } #myCarousel:hover .carousel-control.left { display:block; left:1%; opacity:0.7; } #myCarousel:hover .carousel-control.right { display:block; right:1% !important; opacity:0.7; } #myCarousel .slider-text{ position: absolute; right: 14%; top: 32%; z-index: 10; color: #3b3b3a; font-size: 20px; width: 38%; padding:0 100px; } #myCarousel .slider-text h2{ font-weight: 900; font-size: 30px; } .mobile-banner{ width:100%; } .carousel-showmanymoveone{ width: 70%; } .carousel { position: relative; max-width: 1680px; margin: 0 auto; } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /*==carousel fade end ==*/ .greetings{ margin-top:80px; } /* Slider css start */ #carousel123 .left, #carousel123 .right{float:none;} .carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; } .carousel-showmanymoveone .carousel-control.left { margin-top: -70px; margin-left: -45px; opacity:10; } .carousel-showmanymoveone .carousel-control.right { margin-top: -70px; margin-right: -45px; opacity:10; } .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -25%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 25%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } #carousel123 .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out !important; -o-transition: -o-transform .6s ease-in-out !important; transition: transform .6s ease-in-out !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } #carousel123{ padding:15px 0 40px 0; } .carousel-showmanymoveone P{ margin:20px 0 00; font-weight:600; } #carousel123 .item div{ text-align:center; } /* Slider css Ends */ /* positively clear new page design */ /* Carousel */ #quote-carousel { padding: 0 10px 80px 10px; margin-top: 30px; /* Control buttons */ /* Previous button */ /* Next button */ /* Changes the position of the indicators */ /* Changes the color of the indicators */ } #quote-carousel .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; } #quote-carousel .carousel-control.left { left: -60px; } #quote-carousel .carousel-control.right { right: -60px; } #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } #quote-carousel .carousel-indicators li { width: 100px; height: 48px; margin: 5px; cursor: pointer; border: 2px solid #fff; overflow: hidden; transition: all 0.4s; border-radius:0; } #quote-carousel .carousel-indicators .active { opacity: 1; border: 2px solid #ccc; overflow: hidden; border-radius:0; } .carousel-inner { min-height: 300px; } .item blockquote { border-left: none; margin: 0; } .item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; } .slider-text{ padding:0 200px; } .slider-text h3{ color:#3b3b3c; font-weight:600; font-size:20px; } .prod-section{ border:1px solid #ccc; padding: 0 !important; margin:50px 0 0 0; } .prod-section-wash{ border:1px solid #ccc; padding: 0 !important; margin: 50px 0 0 0; } .prod-price{ width:215px; margin:0 auto; padding:5px; } .prod-price-wash{ margin:0 auto; padding:0px; } .prod-padding{ padding: 10px 60px; } .prod-price img, .prod-price-wash img{ float:left; padding:0 20px 0 0; } .fontsize12{ font-size:12px !important; margin:3px 0 !important; padding:0 4px !important; } .fontsize11{ font-size:11px !important; margin:0 !important; padding:0 4px !important; } .prod-price p{ font-size:22px; font-weight:600; color:#3b3b3c; margin: 30px 0 2px 0; } .itemprice{ font-size:22px; font-weight:600; color:#3b3b3c; margin: 35px 0 2px 0; } .prod-lotion .itemprice{ margin:50px 0 2px 0; } .positive-clear .add-to-bag{ background-position:230px 15px; } .positive-clear .add-to-bag:hover{ background-position:230px 15px; } .add-to-bag{ border:none; padding:15px 10px 15px 35px; width: 100%; background:#3b3b3c url(../../../images/2013/jp/BL/cart-icon.png) 320px 15px no-repeat; border-top: 1px solid #ccc; color:#fff; } .add-to-bag:hover{ background:#0397d6 url(../../../images/2013/jp/BL/cart-icon.png) 320px 15px no-repeat; } .hover-pink:hover{ background:#C91383 url(../../../images/2013/jp/BL/cart-icon.png) 300px 15px no-repeat !important; } .hover-brown:hover{ background:#8d7e7b url(../../../images/2013/jp/BL/cart-icon.png) 300px 15px no-repeat !important; } .howtouse-steps{ margin-top:80px; } .howtouse-steps .col-sm-4 img { margin:15px 0 15px 0; } /* collapse pannel */ .panel-heading { padding: 0; border:0; } .panel-title>a, .panel-title>a:active{ display:block; padding:15px; color:#555; font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:0px; word-spacing:3px; text-decoration:none; } .collapse-pannel .panel-heading a:before { background:url(../../../images/2013/jp/BL/3-downward.svg) right 8px no-repeat; color: transparent; content: "."; width: 22px; height: 22px; float: right; transition: all 0.5s; } .collapse-pannel-qa .panel-heading a:before { background:url(../../../images/2013/jp/BL/2-expand-circle.svg) right 0px no-repeat; color: transparent; content: "."; width: 22px; height: 22px; float: right; transition: all 0.5s; } .panel-heading.active a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .collapse-pannel .panel-default > .panel-heading{ background-color:#eff8fd !important; padding:0 !important; } .collapse-pannel-qa .panel-default > .panel-heading{ background-color:#fff !important; } .panel-heading{ padding:5px 15px !important; } .collapse-pannel{ background:#eff8fd; } .collapse-pannel .panel{ border:none; background:none; box-shadow:none; } .collapse-pannel .panel-group .panel{ border-radius:0; border-bottom: 1px solid #ccc; } .collapse-pannel-qa .panel{ border:none; background:none; box-shadow:none; } .collapse-pannel-qa .panel-group .panel{ border-radius:0; background: #fff; margin-top:2px !important; } .collapse-pannel-qa{ margin-top:80px; text-align:center; } .collapse-pannel-qa .panel-title>a, .collapse-pannel-qa .panel-title>a:active{ padding: 12px; font-size: 14px; font-weight: normal; } .panel-white-box{ padding:50px 40px !important; background:#fff; margin: 0 0 0 30px; height: 260px; } .skybluecolor{ color:#0397d6; font-weight:600; } .device-txt{ position: absolute; left: 145px; right: 0; } .border-top{ border-top:1px solid #d7d7d8; } .border-bottom{ border-bottom:1px solid #d7d7d8; } .border-right{ border-right:1px solid #d7d7d8; } .device-explanation{ border-top:0.5px solid #d7d7d8; border-bottom:0.5px solid #d7d7d8; margin-top:90px; padding:10px 0 90px 0; } .collapse-pannel-qa{ background:#f5f5f5; padding-bottom: 40px; } .qa-button { background:#fff url(../../../images/2013/jp/BL/4-q&a.svg) 30px 17px no-repeat; border: 1px solid #ccc; padding: 15px 10px 15px 35px; width:200px; margin:0 auto; font-size: 15px; } .shipping-info{ background:#eff8fd; padding:20px; margin:0 0 60px 0; } .shipping-info img{ margin: 15px 0 0; float:left; } .shipping-info p{ float:left; margin:0 0 0 9px; } .prod-info{ border-top:0.5px solid #d7d7d8; border-bottom:0.5px solid #d7d7d8; margin-top:40px; padding-bottom:30px; } .prod-collapse img{ padding:0 10px 0 0; } .prod-collapse p{ padding: 0px 0 8px 0; } .fontsize15{ font-size:15px; } .sticky-right{ position: fixed; right: 0; bottom:20%; z-index:999; display:none; } .sticky-cart{ background:#0397d6 url(../../../images/2013/jp/BL/cart-icon.png) 20px 18px no-repeat; border:none; padding:18px 15px 18px 48px; width: 210px; margin: 0 auto; color:#fff; float:left; outline:none; } .cart-arw{ float: left; width: 58px; height: 58px; background:#3b3b3c url(../../../images/2013/jp/BL/up-arrow-cart.png) center 18px no-repeat; cursor:pointer; } /*.hoverstate{ background:rgba(59, 59, 58, 0.8); width:100%; position:absolute; display:none; height:182px; padding:80px 0 0 0; text-align:center; }*/ .prod-selection label{ width:100%; cursor:pointer; } .prod-hover{ position:relative; padding:0 !important; cursor:pointer; } .prod-hover .hoverstate{ height:100% !important; padding: 75px 0 0 0 !important; } .prod-hover .hoverstate img{ float:none !important; } .prod-hover .hoverstate p{ font-size:14px !important; font-weight:normal !important; } .prod-section:hover .hoverstate, .prod-hover:hover .hoverstate{ display:block; cursor:pointer; } .benifits{ border-top:0.5px solid #d7d7d8; border-bottom:0.5px solid #d7d7d8; padding:20px 0; } .benifits li{ list-style-type:disc; text-align:center; list-style-position: inside; } .border-top-bottom{ padding:30px; border-top:0.5px solid #d7d7d8; border-bottom:0.5px solid #d7d7d8; } .box-top-txt{ padding: 5px 0 20px 10px !important; font-weight: bold !important; font-size: 14px !important; } .card-body p{ font-size:12px; } .collapse-pannel .panel-group .panel-heading + .panel-collapse .panel-body{ border-top:0.5px solid #d7d7d8 !important; } .box-bottom-txt{ padding: 0 8px 5px 10px !important; font-size: 12px !important; } .circle-right{ background: #0397d5; padding: 0 10px !important; text-align: center; width: 70px; height: 70px; line-height: 70px; border-radius: 50px; color: #fff !important; position: absolute; right: 20px; top: 30px; } .carousel-showmanymoveone .carousel-inner { min-height: 215px; } .ambassador{ margin: 0 0 40px 0; position:relative; padding:20px 0 20px 0; } .club-tria-button{ position:absolute; right: 225px; top: 125px; } /* New shop all page re-design styles */ .hrl-table ul{ border-right:1px solid #ccc; margin:0; } .hrl-table ul li{ float: left; width: 243px; padding: 12px; border-top: 1px solid #ccc; height: 48px; border-left: 1px solid #ccc; text-align:center; } .bottom-box{ border:1px solid #ccc; padding:12px; } .category-price b{ font-size:20px; } .hrl-category-images, .hrl-category-images li { border-color:#fff !important; height:150px; } .new-shop-btn{ background:#f9e8f2; line-height: 42px; height: auto !important; } .new-shop-btn-purple{ background:#eeeaf4; line-height: 42px; height: auto !important; } .category-buttons{ border-top:none !important; border-left:none !important; margin:0 0 15px 0px !important; } .category-buttons a{ display:block; } .category-buttons li:first-child{ height: 63px; border-bottom: none; border-left: none; } .hrl-table ul li:first-child{ border-left: none; } .border-top-none{ border-top: none !important; } .border-bottom{ border-bottom: 1px solid #ccc; } .active-tick p{ background-image:url(../../../images/2013/jp/ppage/color-selector-checkmark.png); background-position:7px 7px; background-repeat:no-repeat; width:30px; height:30px; display: inline-block; border-radius: 50px; } .circle-fuchsia{ background-color:#c91783; display:inline-block; border-radius:50px; width:30px; height:30px; position:relative; } .circle-fuchsia span, .circle-green span, .circle-gray span, .circle-purple span{ display:none; } .circle-fuchsia:hover span, .circle-green:hover span, .circle-gray:hover span, .circle-purple:hover span{ display:block; position: absolute; font-size: 11px; left: -19px; width: 90px; top: -20px; text-align:center; color:#b0b0b0; } .circle-green:hover span{ width:66px; } .circle-gray:hover span{ width:70px; } .circle-purple:hover span{ width:64px; } .circle-pink{ background-color:#d4cce4; display:inline-block; border-radius:50px; width:30px; height:30px; } .circle-green{ background-color:#a0d187; display:inline-block; border-radius:50px; width:30px; height:30px; position:relative; } .circle-gray{ background-color:#ecebe9; display:inline-block; border-radius:50px; width:30px; height:30px; position:relative; } .circle-purple{ background-color:#d4cce4; display:inline-block; border-radius:50px; width:30px; height:30px; position:relative; } .padding-left-0{ padding-left:0 !important; } .padding-right-0{ padding-right:0 !important; } .bg-gradient-mix{ padding:70px 0 40px 0; margin-bottom:60px; background: rgb(239,246,230); /* Old browsers */ background: -moz-linear-gradient(top, rgb(239,246,230) 0%, rgb(251,240,248) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(239,246,230) 0%,rgb(251,240,248) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(239,246,230) 0%,rgb(251,240,248) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6e6', endColorstr='#fbf0f8',GradientType=0 ); /* IE6-9 */ } .hrl-table::-webkit-scrollbar { -webkit-appearance: none; width: 7px; height: 7px; } .hrl-table::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #d6d6d6; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); display: block; } .hrl-table::-webkit-scrollbar-track { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } .contact-support-img{ margin: -6px 10px 0 0; width: 28px; height: 28px; } .bottom-box a p{ min-height:44px; } /* //New shop all page re-design */ /* New Product page re-design */ .collapse-gray .collapse-pannel{ background:#f5f5f5 !important; } .collapse-gray .collapse-pannel .panel-default > .panel-heading{ background:#f5f5f5 !important; } .howto-use-box{ font-size: 13px; border:1px solid #ccc; padding:8px; margin:10px 0; min-height: 84px; } .pink-bg{ background-color:#C91383 !important; } .brown-bg{ background-color:#8d7e7b !important; } .light-pink-bg{ background-color:#f9e8f2 !important; } .light-brown-bg{ background-color:#ebe3e1 !important; } .bg-position{ background-position:300px 15px !important; } .text-base{ text-align:left; padding-left:40px; } #contactform div{ margin:0 0 5px 0; } #contactform input, #contactform select, #contactform textarea { background: #fbfbfb ; padding: 5px; border: none; width: 80% !important; box-shadow: 0 0px 2px #999 inset; outline:none; } #contactform textarea { height:auto !important; } #contactform .require_mark{ color:red; } .greenbtn input{ background: #585858 !important; } .maxlength{ font-size: 12px; } .nostock p{ background-image: url(../../../images/2013/jp/ppage/color-selector-outstock.png); background-position: 7px 7px; background-repeat: no-repeat; opacity: 0.7; } .empty-cart-msg{ color:red; text-align:center; margin-top:90px; font-size: 22px; line-height: 32px; padding-right: 20px; } #jpoutofstock{ background:#fff; color:#f00; padding: 15px 10px 15px 15px !important; } #jpoutofstock:hover{ background:#f5f5f5 none !important; } .default-active-tick{ background-image:url(../../../images/2013/jp/ppage/color-selector-checkmark.png); background-position:7px 7px; background-repeat:no-repeat; width:30px; height:30px; display: inline-block; border-radius: 50px; } #freeProductModal .modal-dialog { margin: 60px auto !important; } .modal-content { border-radius: 0px !important; } .modal-header { border-bottom: none !important; } .select_products ul{ float:left; border: 1px solid #ccc; width: 140px; height: 150px; cursor: pointer; margin:7px 0px 20px 8px; } /**.select_products ul:nth-child(5), .select_products ul:nth-child(6), .select_products ul:nth-child(7), .select_products ul:nth-child(8) { display:none; } **/ .select_products label{ width:100%; } .select_products p{ font-size:11px; text-align:center; line-height: 16px; } .select_products input{ float:right; } .select_products ul li{ cursor: pointer; } .select_products input[type="radio"]:checked+label { font-weight:bold; } .jpgiftcard .addTobag{ float:left; width:200px; margin: 0 0 0 65px; }#about_landing{ padding:0px 0px 0px 0px; position:relative; margin:0 auto; width: 976px; } #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; } #about_landing .account_right_inner h2 { font-size: 12px; } #about_landing .account_right_inner p{ font-size: 12px; } #about_landing .account_right_border2 .account_right_inner h2{ font-size: 17px; } .activation_disclaimer { float: right; margin-bottom: 10px; width: 140px; font-size: 12px; } #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; } #founders_div .col-sm-4{ padding:0; } #founders_div .section_store{margin:0 0 30px 0;clear:all;} #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; width:99.4%; margin-top: -1px; border-bottom:1px solid #cccccc; margin-bottom:40px; padding:40px 0 !important; } #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:140px !important; } #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; } } #tmpSlideshow{max-width:1680px;position:relative;margin:0 auto;} body{overflow-x:hidden;} .flex-direction-nav a { text-decoration: none; display: block; width: 25px; height: 25px; margin: -20px 10px 0 11px; position: absolute; box-sizing: content-box; -webkit-box-sizing: content-box; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #FFF; padding: 6px 9px 14px 11px; border-radius: 30px; text-align: center !important; } .flex-direction-nav .flex-prev { left:-60px; } .flex-direction-nav .flex-next { right:-60px; text-align: right; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .flex-nav-prev:hover .flex-prev {opacity:10 !important;} .flex-nav-prev .flex-prev{opacity:0.7;} .flex-nav-next:hover .flex-next {opacity:10 !important;} .flex-nav-next .flex-next{opacity:0.7;} #tmpSlideshow .flex-direction-nav .flex-prev{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;opacity:0;} #tmpSlideshow:hover .flex-direction-nav .flex-prev{display:block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;opacity:0.7; transition: all 0.3s ease-in-out;left:0px;} #tmpSlideshow .flex-direction-nav .flex-next{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;opacity:0; } #tmpSlideshow:hover .flex-direction-nav .flex-next{display:block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;right:0px;opacity:0.7;} div#tmpSlideshow { height:650px; margin: 0 auto; position: relative; } 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: #fff; border-radius: 4px 4px 4px 4px; height: 14px; padding: 2px; position: absolute; right:50%; bottom:10px; /*margin-right:-480px;*/ } div#tmpSlideshowControlsLanding { position: absolute; bottom: 20px; right: 790px; width: 155px; } div.tmpSlideshowControl { background: url('../../../images/2013/jp/home/nav_inactive.png') no-repeat; 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/jp/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/jp/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/jp/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; }