/** CLEARFIX **/ /* clearfix hack for box issues */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Start - Hides from IE-mac \*/ .clearfix { display: block; } /* End - Hides from IE-mac \*/ /* USERPAGE.CSS */ .banner h1.dark { color:#7c7d7e; } .nams h1.dark { color:#321c29; } .banner h2 { color:#fff; font-size:1.5em; border-bottom:none; padding:0 0 0 22px; font-weight:normal; margin-bottom: 15px; line-height: 1.4em; clear:both; } .liz-monthly-update-aug h1 { margin-bottom: 20px; margin-left:200px;} #userpage-content { padding:0 22px 0 22px; color: #7c7d7e; } #userpage-content h1 span.tm { font-size:0.9em; font-weight:normal; } #userpage-content h3 { color:#7c7d7e; font-size:1.3em; font-weight: bold; margin:22px 0 2px 0; padding:0; line-height: 1.3em; clear:both; float:none; } #userpage-content h4 { color:#7c7d7e; font-size:1.1em; font-weight: bold; margin:10px 0 5px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content h5 { color:#7c7d7e; font-size:1.1em; font-weight: normal; margin:10px 0 5px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content p { color:#7c7d7e; font-weight:normal; margin:0 0 13px 0; padding:0; line-height: 1.25em; clear:both; float:none; } #userpage-content p em { font-style:italic; } #userpage-content p.intro { color:#7c7d7e; font-size:1.4em; font-weight:normal; line-height: 1.25em; clear:both; } #userpage-content .first { padding:0; margin:35px 0 13px 0; } #userpage-content a, .news-bites-signup a { color:#6ad3e6; font-weight:bold; } #userpage-content a:hover, .news-bites-signup a:hover { color:#6ad3e6; text-decoration:underline; } #userpage-content .spring11nl a {color:#8DC63F;} #userpage-content .spring11nl .breadcrumbs a {color:#7c7d7e;} #userpage-content hr { border:none 0; border-top: 1px solid #dfe0e0; width: 100%; clear:both; padding:0; margin: 6px 0 19px 0; height: 1px; } /* PRODUCT TOGGLE */ .toggle-container {float:right; margin-bottom:-140px;} .toggle-container a {font-weight:normal!important; padding:0 12px; color:#333!important; } .toggle-container .selected {font-weight:bold!important; color:#333!important;} /* BREADCRUMBS */ #userpage-content .breadcrumbs { margin: 10px 0 20px 0; padding:0; border-bottom:none;} #userpage-content .breadcrumbs a { color:#7c7d7e; } #userpage-content .breadcrumbs a:hover { color:#7c7d7e; text-decoration:underline; } #userpage-content .breadcrumbs ul { margin:0; padding:0; } #userpage-content .breadcrumbs li { margin:0; padding:0; display:inline; font-size: 0.9em; background:none; list-style-type:none; } #userpage-content .breadcrumbs span { display:inline-block; width:14px; text-align:center; } /* ORDERED & UN-ORDERD LISTS */ #userpage-content ul, #userpage-content ol, .news-bites-signup ul, .news-bites-signup li, { margin:0 0 15px 10px; } #userpage-content ul li, .news-bites-signup ul li { background: url('/userpages/images/common/bullet.gif') no-repeat 0 2px; padding:0 0 12px 18px; list-style-type:none; } #userpage-content ol li, .news-bites-signup ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0 0 0 18px;} #userpage-content ul.nobullet, #userpage-content ol.nobullet, #news-bites-signup ul.nobullet, #news-bites-signup ol.nobullet { margin:0 0 15px 0; } #userpage-content ul.nobullet li, #news-bites-signup ul.nobullet li { background:none; padding:0 0 12px 0; list-style-type:none; } #userpage-content ol.nobullet li, #news-bites-signup ul.nobullet li { background:none; list-style-type:none; padding:0 0 12px 0; margin:0 0 0 0px; } #userpage-content ul li ul, #news-bites-signup ul li ul #userpage-content ol li ol, #news-bites-signup ol li ol, #userpage-content ul.nobullet ul, #news-bites-signup ul.nobullet ul, #userpage-content ol.nobullet ol, #news-bites-signup ol.nobullet ol { margin:0 0 0 15px; } #userpage-content ul ul li, #news-bites-signup ul ul li, #userpage-content ol ol li, #news-bites-signup ol ol li, #userpage-content ul.nobullet ul li, #news-bites-signup ul.nobullet ul li, #userpage-content ol.nobullet ol li, #news-bites-signup ol.nobullet ol li { padding:0 0 12px 0; list-style-type:none; margin:0 0 0 15px; } #userpage-content ol li ol li, #news-bites-signup ol li ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0; } #userpage-content ul li ul li, #news-bites-signup ul li ul li { padding:0 0 12px 18px; list-style-type:none; margin:0; } #userpage-content ul li ol li, #news-bites-signup ul li ol li { list-style-type:decimal; padding:0 0 10px 0; margin:0; } #userpage-content ol li ul li, #news-bites-signup ol li ul li { padding:0 0 12px 18px; list-style-type:none; margin:0; } /* Join Our Team & FAQ LISTS */ #userpage-content #faq ul li, #userpage-content #faq-index ul li, #userpage-content #join-our-team ul li { background:none; padding:0 0 12px 0; list-style-type:none; } #userpage-content #faq ul li ul, #userpage-content #faq-index ul li ul, #userpage-content #join-our-team ul li ul { margin:10px 0 0 0; } #userpage-content #faq ul li ul li, #userpage-content #faq-index ul li ul li, #userpage-content #join-our-team ul li ul li { background: url('/userpages/images/common/bullet.gif') no-repeat 0 2px; padding:0 0 12px 18px; list-style-type:none; } #userpage-content dl { width:510px; margin:0 0 15px 0; display:block; overflow:hidden; } #userpage-content .q-and-a dl { width:100%!important; margin:0 0 15px 0; display:block; overflow:hidden; } #userpage-content .col1 dl, #userpage-content .col2 dl, #userpage-content .col3 dl, #userpage-content .col4 dl { width:100%; margin:0 0 15px 0; display:block; overflow:hidden; } #userpage-content dl dt { width:200px; margin-right:20px; float:left; clear:both; } #userpage-content dl.wide { margin:0 0 15px 0; display:block; overflow:hidden; } #userpage-content dl.wide dt { width:400px; margin-right:20px; float:left; clear:both; } #userpage-content dl.fullwidth { margin:0 0 15px 0; display:block; overflow:hidden; } #userpage-content dl.fullwidth dt { width:100%; margin-right:20px; float:left; clear:both; } #userpage-content dl dd { width:200px; float:left; } #userpage-content .vcard { margin: 0 0 10px 0; } #userpage-content .vcard .adr { margin: 5px 0 3px 0; } #userpage-content .vcard .job-title { margin: 0 0 10px 0; } #userpage-content .vcard span { margin: 0 7px 0 0; } #userpage-content .vcard .org { font-weight:bold; margin-bottom: 5px; line-height: 1.3em; } #userpage-content .backtotop { text-align:right; } #userpage-content .johnlewis { height:240px; } #userpage-content blockquote { font-style: italic; margin: 20px 0 15px 0; padding: 10px 30px 0 30px; background: url('/userpages/images/common/quote_left.gif') 0 0 no-repeat;} #userpage-content blockquote cite { font-style: normal; font-weight: bold; display: block; clear: both; padding: 10px 0 0 0; background: url('/userpages/images/common/quote_right.gif') 100% 0 no-repeat; } #userpage-content blockquote.intro { font-size:1.2em; font-style: italic; margin: 20px 0 15px 0; padding: 10px 30px 0 30px; background: url('/userpages/images/common/quote_left.gif') 0 0 no-repeat;} #userpage-content blockquote.intro cite { font-style: normal; font-weight: bold; display: block; clear: both; padding: 10px 0 0 0; background: url('/userpages/images/common/quote_right.gif') 100% 0 no-repeat; } #userpage-content #info blockquote { font-style: italic; background: none ; margin: 20px 0 15px 0; padding: 0; } #userpage-content #info blockquote cite { font-style: normal; background: none ; font-weight: bold; display: block; clear: both; } #userpage-content #cleanse-tone-moisturise blockquote { font-style: italic; margin: 20px 0 25px 0; padding: 5px 30px 0 30px; background: url('/userpages/images/common/quote_left.gif') 0 0 no-repeat;} #userpage-content #cleanse-tone-moisturise blockquote span {font-size:2.2em;} #userpage-content #cleanse-tone-moisturise blockquote cite { font-size:1.2em; font-style: normal; font-weight: bold; display: block; clear: both; padding: 10px 0 0 0; background: url('/userpages/images/common/quote_right.gif') 100% 0 no-repeat; } #userpage-content .col2-set dt, #userpage-content .col3-set dt, #userpage-content .col4-set dt { width:160px; margin-right:20px; float:left; clear:both; } #userpage-content .col2-set dd, #userpage-content .col3-set dd, #userpage-content .col4-set dd { width:150px; float:left; } /* Content Columns */ #userpage-content .col1, #userpage-content .col2, #userpage-content .col3 { margin:0; padding:0; } /* Content 50/50 split */ #userpage-content .col2-set { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col2-set .col1 { width:48%; float:left; } #userpage-content .col2-set .col2 { width:48%; float:right; } /* Content 33/66 split */ #userpage-content .col2-set-main-right { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col2-set-main-right .col1 { width:32%; float:left; } #userpage-content .col2-set-main-right .col2 { width:64%; float:right; } /* Content 66/33 split */ #userpage-content .col2-set-main-left { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col2-set-main-left .col1 { width:64%; float:left; } #userpage-content .col2-set-main-left .col2 { width:32%; float:right; } /* Content 60/40 split */ #userpage-content .col2-set-main-left-offer { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col2-set-main-left-offer .col1 { width:60%; float:left; } #userpage-content .col2-set-main-left-offer .col2 { width:36%; float:right; } #userpage-content .col2-set-main-right-offer .col1 { width:31%; float:left; } #userpage-content .col2-set-main-right-offer .col2 { width:65%; float:right; } /* Content 33/33/33 split */ #userpage-content .col3-set { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col3-set .col1 { width:31%; float:left; } #userpage-content .col3-set .col2 { width:31%; float:left; margin-left:4%; padding-top:0!important; } #userpage-content .col3-set .col3 { width:31%; float:right; } /* Content 25/25/25/25 split */ #userpage-content .col4-set { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .col4-set .col1 { width:22.5%; float:left; } #userpage-content .col4-set .col2 { width:22.5%; float:left; margin:0 3.5%; } #userpage-content .col4-set .col3 { width:22.5%; float:left; } #userpage-content .col4-set .col4 { width:22.5%; float:right; } /* Content 75/25 split */ #userpage-content .col2-set-main-right-lrg .col1 { width:23%; float:left; } #userpage-content .col2-set-main-right-lrg .col2 { width:73%; float:right; } #userpage-content .col2-set-main-left-lrg .col1 { width:73%; float:left; } #userpage-content .col2-set-main-left-lrg .col2 { width:23%; float:right; } #userpage-content #red{color: #fff;background:#921630;} #userpage-content #red p{color: #fff;} #userpage-content #red h3{color: #fff;} #userpage-content #red a:link, #userpage-content #red a:active, #userpage-content #red a:visited{color: #fff;} #userpage-content #red a:hover{color:#fff;text-decoration:underline;} body.cms-sst-1-1 #userpage-content .col2-set-main-left-lrg .col1 { width:79%; float:left; } body.cms-sst-1-1 #userpage-content .col2-set-main-left-lrg .col2 { width:18%; float:right; } /* Content 90/10 split */ #userpage-content .col2-set-main-right-extra-lrg .col1 { width:7%; float:left; } #userpage-content .col2-set-main-right-extra-lrg .col2 { width:91%; float:right; } #userpage-content .col2-set-main-left-extra-lrg .col1 { width:91%; float:left; } #userpage-content .col2-set-main-left-extra-lrg .col2 { width:7%; float:right; } /* Content 80/20 split */ #userpage-content .col2-set-main-right-wide .col1 { width:17%; float:left; } #userpage-content .col2-set-main-right-wide .col2 { width:81%; float:right; } #userpage-content .col2-set-main-left-wide .col1 { width:81%; float:left; } #userpage-content .col2-set-main-left-wide .col2 { width:17%; float:right; } /* NESTED CONTENT COLUMNS */ #userpage-content .col1 .col2-set .col1, #userpage-content .col2 .col2-set .col1 { width:49%; float:left; } #userpage-content .col1 .col2-set .col2, #userpage-content .col2 .col2-set .col2 { width:49%; float:right; } #userpage-content .col1 .col2-set-main-right-lrg .col1, #userpage-content .col2 .col2-set-main-right-lrg .col1 { width:24%; float:left; } #userpage-content .col1 .col2-set-main-right-lrg .col2, #userpage-content .col2 .col2-set-main-right-lrg .col2 { width:74%; float:right; } #userpage-content .col1 .col2-set-main-left-lrg .col1, #userpage-content .col2 .col2-set-main-left-lrg .col1 { width:74%; float:left; } #userpage-content .col1 .col2-set-main-left-lrg .col2, #userpage-content .col2 .col2-set-main-left-lrg .col2 { width:24%; float:right; } #userpage-content .col1 .col2-set-main-left .col1, #userpage-content .col2 .col2-set-main-left .col1 { width:65%; float:left; } #userpage-content .col1 .col2-set-main-left .col2, #userpage-content .col2 .col2-set-main-left .col2 { width:33%; float:right; } #userpage-content .col1 .col2-set-main-right .col1, #userpage-content .col2 .col2-set-main-right .col1 { width:33%; float:left; } #userpage-content .col1 .col2-set-main-right .col2, #userpage-content .col2 .col2-set-main-right .col2 { width:65%; float:right; } #userpage-content #travel-sizes .col1 .col2-set-main-right .col2, #userpage-content #travel-sizes .col2 .col2-set-main-right .col2 {width:65.5%!important; } #userpage-content .center { text-align:center; } #userpage-content .userpage-btn {background: #acdee7; border: 0; cursor: pointer;} #userpage-content .userpage-btn {float: left; height: 23px; overflow: visible; padding: 0 0 0 12px; width: auto; -webkit-border-fit: lines; /* <- Safari & Google Chrome Fix */} #userpage-content .userpage-btn::-moz-focus-inner {border: 0; padding: 0;} /* FF Fix */ #userpage-content .userpage-btn span {height: 23px; padding: 0 12px 0 0; text-align: center; white-space: nowrap;} #userpage-content .userpage-btn span {background: #acdee7; color: #7c7d7e; font: 14px/23px Arial, Helvetica, sans-serif;} /* USERPAGE BUTTON */ input.userpage-btn {background: #acdee7 !important; border: 0; color: #7c7d7e; cursor: pointer; font: 13px/20px Arial, Helvetica, sans-serif; height: 21px; padding: 0 12px !important; overflow: visible; width: auto;} /* USERPAGE ADD TO BASKET */ .userpage-add-to-basket {clear: both; text-align: left;} .userpage-add-to-basket select {clear: both; margin-bottom: 10px; width: 100%;} .userpage-add-to-basket label {display: block; font-size: 1em; margin-bottom: 5px;} #userpage-content .qvccontainer { padding:20px 0 20px 0;clear:both;border-top:1px solid #DFE0E0;} #userpage-content .qvcimage{ float:left;width:146px; background:#D8EBE8; padding:15px; margin:0 0 15px 0; } #userpage-content .qvcimage h3 { font-size:110%; } #userpage-content .qvcimage2{ float:right;width:146px; background:#D8EBE8; padding:15px; margin:0 0 15px 0; } #userpage-content .qvcimage2 h3 { font-size:110%; } #userpage-content .qvcbox { float:left;width:486px;padding-left:50px;} #userpage-content .qvcbox3{ float:left;width:321px;padding-left:20px;padding-right:20px;} #userpage-content .qvcbox2 { float:left;width:486px;padding-right:50px;} /* FACTBOX */ #userpage-content .factbox { clear:both; background:#c0c1c3; padding:15px; margin:0 0 15px 0; } #userpage-content .factbox h4 { font-size:1.2em; color:#fff; width:100%; padding:0 0 0 0; font-weight: normal; margin-bottom: 3px; } #userpage-content .factbox h5 { font-size:1.0em; color:#fff; font-weight:mormal; margin:0 0 0 0; } #userpage-content .factbox p { color:#fff; margin:0; padding:15px 0 0 0; } #userpage-content .factbox p em, #userpage-content .factbox h5 em, #userpage-content em { font-style:italic; } #userpage-content .factbox a, #userpage-content .factbox a:hover { color:#fff; margin:0; padding:0; font-weight:bold; } #userpage-content .factbox img.vertical { margin:0 0 10px 0; } /* FACTBOX COLUMNS */ #userpage-content .factbox .col2-set-main-right { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .factbox .col2-set-main-right .col1 { width:15%; float:left; } #userpage-content .factbox .col2-set-main-right .col2 { width:83%; float:right; } #userpage-content .factbox .col2-set-main-left { margin:0; padding:0; } /* Don't forget to add clearfix to -set */ #userpage-content .factbox .col2-set-main-left .col1 { width:83%; float:right; } #userpage-content .factbox .col2-set-main-left .col2 { width:15%; float:left; } /* In the spotlight / David Waters definitions */ #userpage-content #in-the-spotlight .quote { background: url('/userpages/images/autumn10nl/in-the-spotlight-quote.jpg') 45px 65px no-repeat; float:left; width:375px; height:500px; } #userpage-content #in-the-spotlight .quote span {display:none;} #userpage-content #in-the-spotlight #factbox { background:#493343; margin:35px 0 20px 0;} #userpage-content #in-the-spotlight #factbox #container { padding: 11px; } #userpage-content #in-the-spotlight #factbox #container p { color: #fff; margin:0; padding:0; } #userpage-content #in-the-spotlight #factbox #container h3 { color: #fff; margin: 0 0 15px 0; padding:0; } #userpage-content #in-the-spotlight #factbox #container img { float: left; margin:0 0 10px 0; } #userpage-content #in-the-spotlight img { float: left; margin: 20px 0 10px 40px; } /* Grasse Roots */ #userpage-content #grasse-roots .quote { background: url('/userpages/images/autumn10nl/in-the-spotlight-quote.jpg') 45px 65px no-repeat; float:left; width:375px; height:500px; } #userpage-content #grasse-roots .quote span {display:none;} #userpage-content #grasse-roots #factbox { background:#D0E9E3; margin:35px 0 20px 0;} #userpage-content #grasse-roots #factbox #container { padding: 11px; } #userpage-content #grasse-roots #factbox #container p { color: #7C7D7E; margin:0; padding:0; } #userpage-content #grasse-roots #factbox #container h3 { color: #7C7D7E; margin: 0 0 15px 0; padding:0; } #userpage-content #grasse-roots #factbox #container img { float: left; margin:0 0 10px 0; } #userpage-content #grasse-roots img { float: left; margin: 20px 0 10px 40px; } /* FACTBOX SUNCARE FOCUS - COLOR OVERRIDES */ #userpage-content #suncare-focus .factbox { background:#eeeeee; margin:36px 0 15px 0; } #userpage-content #suncare-focus .factbox h4 { border-bottom:1px solid #fff; } #userpage-content #suncare-focus .factbox h4, #userpage-content #suncare-focus .factbox h5, #userpage-content #suncare-focus .factbox p { padding:0; margin:0; color:#7c7d7e; } #userpage-content #suncare-focus .factbox a, #userpage-content #suncare-focus .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } /* FACTBOX - COLOR OVERRIDES */ #userpage-content #findskintype .factbox { background:#eee; margin:36px 0 15px 0; } #userpage-content #findskintype .factbox h4 { border-bottom:1px solid #fff; } #userpage-content #findskintype .factbox h4, #userpage-content #findskintype .factbox h5, #userpage-content #findskintype .factbox p { padding:0; margin:0; color:#7c7d7e; } #userpage-content #findskintype .factbox a, #userpage-content #findskintype .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } #userpage-content #letterfromliz0908 .factbox { background:#82816c; } #userpage-content #letterfromliz0908 .factbox h4 { border-bottom:1px solid #fff; } #userpage-content #letterfromliz0908 .factbox h4, #userpage-content #letterfromliz0908 .factbox h5, #userpage-content #letterfromliz0908 .factbox p { color:#fff; } #userpage-content #problem-solvers .factbox, #userpage-content #our-colour-story .factbox, #userpage-content #our-colour-story .factbox { background:#f0f8fa; margin-top:30px;} #userpage-content #problem-solvers .factbox h3, #userpage-content #our-colour-story .factbox h3 { font-size:1.2em; } #userpage-content #problem-solvers .factbox h3 span, #userpage-content #our-colour-story .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #problem-solvers .factbox h3, #userpage-content #our-colour-story .factbox h3, #userpage-content #problem-solvers .factbox p, #userpage-content #our-colour-story .factbox p { color:#7c7d7e; } /* FACTBOX - STORE PAGE OVERRIDES */ #userpage-content #our-stores .factbox { background:#d8ebe8; } #userpage-content #our-stores .factbox h3 { font-size:1.2em; } #userpage-content #our-stores .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #our-stores .factbox h3 {margin: 0 0 15px 0 ;} #userpage-content #our-stores .factbox p { padding:0; margin:0 0 10px 0 ; color:#7c7d7e; } #userpage-content #our-stores .factbox a, #userpage-content #our-stores .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } /* FACTBOX - LTD ED C&P OVERRIDES */ #userpage-content #ltd-edition-candp .factbox { background:#d8ebe8; } #userpage-content #ltd-edition-candp .factbox h2 { margin: 10px 0 20px 0; } #userpage-content #ltd-edition-candp .factbox p { padding:0; margin:0 0 10px 0 ; color:#7c7d7e; } /* FACTBOX - FRAGRANCE */ #userpage-content #fragrance-mixes .factbox { background:#71cac9; } #userpage-content #fragrance-mixes .factbox .col1, #userpage-content #fragrance-mixes .factbox .col2 { background:none; } #userpage-content #fragrance-mixes .factbox .col1 { margin-bottom: 0; } #userpage-content #fragrance-mixes .factbox p { padding: 0 15px 15px 0; } /* FACTBOX - OFFER OVERRIDES */ #userpage-content #skin-essentials-offer .factbox { background:#d8ebe8; } #userpage-content #skin-essentials-offer .factbox h3 { font-size:1.2em; } #userpage-content #skin-essentials-offer .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #skin-essentials-offer .factbox h3 {margin: 0 0 15px 0 ;} #userpage-content #skin-essentials-offer .factbox p { padding:0; margin:0 0 10px 0 ; color:#7c7d7e; } #userpage-content #skin-essentials-offer .factbox a, #userpage-content #skin-essentials-offer .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } #userpage-content #skin-essentials-offer #container {width:100%; height:100%;} #userpage-content #skin-essentials-offer .factbox2 { background:#a492c6; } #userpage-content #skin-essentials-offer .factbox2 h3 { font-size:1.2em; } #userpage-content #skin-essentials-offer .factbox2 h3 span { display:block; font-size:0.9em; } #userpage-content #skin-essentials-offer .factbox2 h3 {margin: 0 0 15px 0 ;} #userpage-content #skin-essentials-offer .factbox2 p { padding:15px; margin:0 0 10px 0 ; color:#ffffff; } #userpage-content #skin-essentials-offer .factbox2 a, #userpage-content #skin-essentials-offer .factbox2 a:hover { color:#ffffff; margin:0; padding:0; font-weight:bold; } #userpage-content #skin-essentials-offer #container {width:100%; height:100%;} /* FACTBOX - QVC PAGE OVERRIDES */ #userpage-content #qvc .factbox { background:#d8ebe8; width: 145px; margin-bottom: 15px; } #userpage-content #qvc .factbox h3 { font-size:1.2em; padding-bottom: 15px; color:#7c7d7e; } #userpage-content #qvc .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #qvc .factbox p { padding:0; margin:0 0 15px 0 ; color:#7c7d7e; } #userpage-content #qvc .factbox a, #userpage-content #qvc .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } /* FACTBOX - SST SEO OVERRIDES */ #userpage-content #sst-1-1 .factbox { background:#2f3e5e; width: 135px; margin-bottom: 35px; } #userpage-content #sst-1-1 .factbox h3 { font-size:1.2em; padding-bottom: 15px; color:#ffffff; } #userpage-content #sst-1-1 .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #sst-1-1 .factbox p { padding:0; margin:0 0 10px 0 ; color:#ffffff; } #userpage-content #sst-1-1 .factbox a, #userpage-content #sst-1-1 .factbox a:hover { color:#7c7d7e; margin:0; padding:0; font-weight:bold; } /* FACTBOX - PPC PAGE OVERRIDES */ #userpage-content #lp-moisturisers .factbox { background:#d8ebe8; } #userpage-content #lp-moisturisers .factbox h3 { font-size:1.2em; } #userpage-content #lp-moisturisers .factbox h3 span { display:block; font-size:0.9em; } #userpage-content #lp-moisturisers .factbox h3 {margin: 0 0 15px 0 ;} #userpage-content #lp-moisturisers .factbox p { padding:0; margin:0 0 10px 0 ; color:#7c7d7e; } #userpage-content #lp-moisturisers #container {width:100%; height:100%;} /* FACTBOX - James Wong */ #userpage-content #james-wong .factbox { background:#629679; margin-top: 30px; } #userpage-content #james-wong .factbox h3 { color:#fff; } #userpage-content #james-wong .factbox h3 {margin: 15px 0 15px 30px ;} #userpage-content #james-wong .factbox p { padding:0; margin:0 15px 10px 30px ; } #userpage-content #lp-moisturisers #container {width:100%; height:100%;} /* FACTBOX - BE15 */ .factbox-fragrance{background:#E5E2DD!important;} .factbox-fragrance p{color: #7C7D7E!important;} /* FACTBOX - SUPERSKIN PRIZE DRAW */ #userpage-content #superskin-prize-draw .factbox h3 {color: #ffffff!important; margin: 0 0 0 10px; padding: 0;} #userpage-content #superskin-prize-draw .factbox p{color: #ffffff!important; margin: 0 0 0 10px; padding: 0;} /* LANDING PAGE - ADD TO BASKET */ .banner-basket{width:250px;position:absolute;top:260px;right:100px;} .fragrance-no15-new .banner-basket{width:250px;position:absolute;top:270px;right:285px;} .signature-foundation .banner-basket{top:40px;right:80px;} .banner-basket label{display:none;} #signature-foundation .add-to-basket label{display:none;} #signature-foundation .add-to-basket {margin-bottom:10px;} #signature-foundation .video {padding-top:14px;} #userpage-content .button-pad { clear:both; margin:0; padding:0 0 20px 0; } /* Don't forget to add clearfix class too */ #userpage-content .button-pad a:hover { text-decoration:none; } /* USERPAGE SEARCH BOX */ #userpage-content #search_mini_form_userpage {float: left; border: solid 1px #dddddd; margin-bottom: 20px; width: 235px;} #userpage-content #search_mini_form_userpage .form-search { margin: 1px 2px 1px 6px; padding: 0;} #userpage-content #search_mini_form_userpage .form-search label { display: none;} #userpage-content #search_mini_form_userpage .form-search .input-text { width: 203px;} #userpage-content #search_mini_form_userpage .form-search #search { width: 203px;} #userpage-content #search_mini_form_userpage .form-search .search-btn { height: 16px; overflow: hidden; width: 16px;} /* PAGE SPECIFIC ITEMS & FIXES */ /* BATH & BODY */ #userpage-content #bath-and-body-homepage .hero-image, #userpage-content #bath-and-body-bergamot-and-ginger .hero-image, #userpage-content #bath-and-body-vanilla-and-saffron .hero-image, #userpage-content #bath-and-body-tiare-and-jasmine .hero-image { text-align:center; padding:0!important; } #userpage-content #bath-and-body-homepage .col2, #userpage-content #bath-and-body-bergamot-and-ginger .col2, #userpage-content #bath-and-body-vanilla-and-saffron .col2, #userpage-content #bath-and-body-tiare-and-jasmine .col2 { background: #fff; padding-top:0!important;} #userpage-content #bath-and-body-bergamot-and-ginger .jumpmenu, #userpage-content #bath-and-body-vanilla-and-saffron .jumpmenu, #userpage-content #bath-and-body-tiare-and-jasmine .jumpmenu {position:absolute; right:44px;} #userpage-content #bath-and-body-bergamot-and-ginger .bergamot-bg {background:#fff url('/userpages/images/bath-and-body/top-banner-bergamot.jpg') top right no-repeat !important; margin-left:-27px; width:980px; height:300px; } #userpage-content #bath-and-body-vanilla-and-saffron .vanilla-bg {background:#fff url('/userpages/images/bath-and-body/top-banner-vanilla.jpg') top right no-repeat !important; margin-left:-27px; width:980px; height:300px; } #userpage-content #bath-and-body-tiare-and-jasmine .tiare-bg {background:#fff url('/userpages/images/bath-and-body/top-banner-tiare.jpg') top right no-repeat !important; margin-left:-27px; width:980px; height:300px; } #userpage-content #bath-and-body-bergamot-and-ginger .bergamot-bg .col1, #userpage-content #bath-and-body-vanilla-and-saffron .vanilla-bg .col1, #userpage-content #bath-and-body-tiare-and-jasmine .tiare-bg .col1 {background:none!important; padding:60px 0 0 25px;} #userpage-content #bath-and-body-bergamot-and-ginger .bergamot-bg .col2, #userpage-content #bath-and-body-vanilla-and-saffron .vanilla-bg .col2, #userpage-content #bath-and-body-tiare-and-jasmine .tiare-bg .col2 {background:none!important;} #userpage-content .fragrances {margin-top:10px!important;} #userpage-content .fragrance-block a.title {display:block; color:#fff!important; position:absolute; top:31px; right:9px; font-size:1.0em;} #userpage-content .fragrance-block h4 {text-align:right; text-transform:uppercase; color:#fff!important;} #userpage-content .fragrance-block {text-align:center; color:#fff; font-weight:normal; display:block; width:100%; height:260px; position:relative;} #userpage-content .fragrance-block .content { width:80%; position:absolute; left:10%; bottom:5px; font-size:1.1em;} #userpage-content .fragrance-block-vanilla { background:#621133 url('/userpages/images/bath-and-body/bergamot.gif') top right no-repeat;} #userpage-content .fragrance-block-bergamot { background:#953c28 url('/userpages/images/bath-and-body/vanilla.gif') top right no-repeat ;} #userpage-content .fragrance-block-tiare { background: #462c46 url('/userpages/images/bath-and-body/tiare.gif') top right no-repeat;} #userpage-content .fragrance-block a.button {margin:15px 0 10px 0; display:block; height:35px; line-height:35px; color:#fff!important;} #userpage-content .fragrance-block-vanilla a.button { background:#7a2958; } #userpage-content .fragrance-block-bergamot a.button { background:#9f5624; } #userpage-content .fragrance-block-tiare a.button { background:#683b5f; } #userpage-content .ibb-ingredients { clear: both; margin: 0 22px 15px 22px!important; } #userpage-content .ibb-ingredients h4 {margin-top:0px!important;} #userpage-content .ibb-fragrances .ibb-fragrance-banner {height:140px; color:#fff!important; position:relative;} #userpage-content .ibb-fragrance-banner a {padding:0!important; margin:0!important; color:#fff!important; font-weight:normal; position:relative; display:block; width:100%; height:100%;} #userpage-content .ibb-fragrance-banner a:hover {cursor:hand!important; text-decoration:none;} #userpage-content .ibb-fragrance-banner h4 {text-align:left; text-transform:uppercase; color:#fff!important; padding:30px 0 0 123px!important; margin:0!important; font-size:1.1em!important; line-height:1.1em;} #userpage-content .ibb-fragrance-banner .content { font-size:1.0em; padding:7px 15px 0 123px!important; margin:0!important; position:relative;} #userpage-content .ibb-fragrance-banner .content span { color:#fff!important; padding:25px 0 0 0; font-weight:bold; display:block;} #userpage-content .ibb-fragrance-banner-vanilla {background: #621133 url('/userpages/images/bath-and-body/banner-vanilla-saffron.gif') top left no-repeat !important;} #userpage-content .ibb-fragrance-banner-bergamot {background: #953c28 url('/userpages/images/bath-and-body/banner-bergamot-ginger.gif') top left no-repeat !important;} #userpage-content .ibb-fragrance-banner-tiare {background: #462c46 url('/userpages/images/bath-and-body/banner-tiare-jasmine.gif') top left no-repeat !important;} /* AWARDS */ #userpage-content #awards .awards-list h3 { margin:0; padding:0 0 8px 0; font-size:1.1em; font-weight:bold; line-height: 1.3em; color:#7c7d7e; clear:none; border:none; } #userpage-content #awards .awards-list h4 { margin:0; padding:2px 0 0 0; font-size:1.0em; font-weight:bold; line-height: 1.3em; color:#7c7d7e; clear:none; border:none; } #userpage-content #awards .awards-list p { margin:0; padding:0 0 1px 0; clear:none; border:none; } #userpage-content #awards .col2-set-main-right .col1 { width:43%; float:left; text-align:center; } #userpage-content #awards .col2-set-main-right .col2 { width:55%; float:right; } #userpage-content #awards ul.awards-list { margin:20px 0; } #userpage-content #awards ul.awards-list li { background:none; margin:0 0 20px 1%; padding:0; float: left; width:48%; height: 210px; } /* OFFERS */ #userpage-content #new-offers ul.offers-list, #userpage-content #new-offers .offers-list { margin:20px 0; } #userpage-content #new-offers ul.offers-list li { background:none; margin:0 0 20px 1%; padding:0; float: left; width:48%; height: 350px; } #userpage-content #new-offers .userpage-add-to-basket { width:95%; } /* KITS & GIFTS */ #userpage-content ul.kits-list { margin:20px 0 22px 0; padding:0; } #userpage-content ul.kits-list li { background:none; margin:0 0 45px 1%; padding:0; float: left; width:48%; height: 160px; text-align:center; } #userpage-content ul.kits-list li.wide { background:none; margin:0 0 45px 1%; padding:0; float:left; width:98%; height: 250px; text-align:center; } #userpage-content ul.kits-list li img { margin:0 0 5px 0; } #userpage-content .christmas-gifts-list ul.kits-list li { height: 220px; } #userpage-content .christmas-gifts-list ul.kits-list li.wide { height: 250px; } /* LOVE SUPERSKIN */ #userpage-content #lovesuperskin { background: url('/userpages/images/autumn11nl/love-superskin-large.jpg' ) 0 0 no-repeat; padding: 0 22px 22px 22px;} #userpage-content.superskin { padding: 0; width:auto; } #userpage-content.superskin .col2-set-main-left .col1 { float: none; } /* A to Z */ #userpage-content #johnlewis ul.a-z { margin:20px 0 0 0 ; padding:0 0 29px 0;} #userpage-content #johnlewis ul.a-z li { background:none repeat scroll 0 0 #EEF8FA; font-size:1.2em; float:left; margin-right:5px; padding:2px 6px; } #userpage-content #johnlewis .vcard { margin: 0 0 10px 0; } /* CORPORATE GIFTING */ #userpage-content #corporate-gifting .img-block { height:170px; vertical-align:bottom; text-align:center; position:relative; margin:0 0 15px 0;} #userpage-content #corporate-gifting .img-block img { bottom:0; position:left; } /* FACEBOOK */ #facebook #joinus img { margin: 0 15px;} #facebook #joinus a span { font-weight:bold; } /* FRAGRANCE LANDING PAGE */ #fragrance {padding: 0 20px;} .fragrance { background: url('/userpages/images/product-landing-pages/fragrance_landingpage-bottle.jpg' ) 0 0 no-repeat; width:965px; height: 560px;} .fragrance h1 { padding-top:95px ; margin-left: 20px;} .fragrance p.intro {font-size:1.4em; font-weight:normal; line-height: 1.25em; margin: 30px 520px 0 40px;} .fragrance .drop-down { width: 40%; margin: 10px 0 0 40px;} #fragrance h2 { margin-bottom:20px ;} #fragrance hr { margin-top:30px ;} /* HAIRCARE LANDING PAGE */ #haircare {padding: 0 20px;} .haircare { background: url('/userpages/images/product-landing-pages/haircare_landingpage-bottle.jpg' ) 0 0 no-repeat; width:965px; height: 560px;} .haircare h1 { padding-top:95px ; margin-left: 20px;} .haircare p.intro {font-size:1.4em; font-weight:normal; line-height: 1.25em; margin: 30px 520px 0 40px;} .haircare .drop-down { width: 40%; margin: 10px 0 0 40px;} #haircare h2 { margin-bottom:20px ;} #haircare hr { margin-top:30px ;} /* DOWNLOADS */ a.download { background:url('/userpages/images/common/arrow_30cdd7_bottom.gif') no-repeat 0 2px; padding:0 0 0 11px; } /* LETTER FROM LIZ */ #userpage-content #letterfromlizarchive .col3-set img { padding:0 0 10px 0; } #userpage-content #letterfromlizarchive .col3-set p a { font-weight:bold; } /* HOMEPAGE */ #salutationDefault { display:none; background:#fff; } #salutationStored { display:none; } .home-wrapper-left { clear:left; width:545px; float:left; } .home-wrapper-right { margin:22px 0 0 0; clear:right; float:right; width:402px; } .home-wrapper-left .home-messages { margin:21px 0 0 22px; height:216px; } .home-wrapper-left .home-messages p { color:#7c7d7e; font-size:1.2em; font-weight:normal; padding:0 ; margin-bottom: 15px; line-height: 1.4em; clear:both; } .home-wrapper-left .home-messages p.hello { color:#7c7d7e; font-size:1.5em; font-weight:normal; padding:10px 0 20px 0 ; margin:0; line-height: 1.4em; clear:both; } .home-wrapper-left .home-messages a { color:#6ad3e6; font-weight:bold; } .home-wrapper-left .home-messages a:hover { color:#6ad3e6; text-decoration:underline; } .home-wrapper-left .home-buttons { margin:0 0 21px 22px; height:26px; position: relative; bottom: 0px; left: 0px; } .home-wrapper-left .home-buttons a { display:block; color:#ffffff; font-weight:bold; width:100%; height:100%; } .home-wrapper-left .home-buttons a:hover { color:#7c7d7e; text-decoration:none; } .home-wrapper-left .home-buttons .button-one { width:31%; padding:5px 0 5px 0; float:left; text-align:center; background:#c0c1c3; } .home-wrapper-left .home-buttons .button-two { width:31%; padding:5px 0 5px 0; float:left; text-align:center; margin-left:3%; background:#c0c1c3; } .home-wrapper-left .home-buttons .button-three { width:31%; padding:5px 0 5px 0; float:left; text-align:center; margin-left:3%; background:#c0c1c3; } .home-wrapper-right .promo_image { float:right; } .home-wrapper-right .promo_image img { margin:0 22px 22px 0; float:right; } /* #salutationStored {display:none;} .mh-banner { padding:0; } /* Position the Flash MH Banner */ /* #homepage { padding:0; margin:22px 22px 21px 22px; } #homepage .col2-set-main-left { margin:0; padding:0 0 0 0; } /* Don't forget to add clearfix to -set */ /* #homepage .col2-set-main-left .col1 { width:517px; float:left; } #homepage .col2-set-main-left .col2 { width:382px; float:right; } .home-messages-wrapper { height:214px; } /* Don't forget to add clearfix */ /* .home-messages-wrapper p { color:#7c7d7e; font-size:1.2em; font-weight:normal; padding:0 ; margin-bottom: 15px; line-height: 1.4em; clear:both; } .home-messages-wrapper p.hello { color:#7c7d7e; font-size:1.5em; font-weight:normal; padding:10px 0 0 0 ; margin:0 0 20px 0; line-height: 1.4em; clear:both; } .home-messages-wrapper a { color:#6ad3e6; font-weight:bold; } .home-messages-wrapper a:hover { color:#6ad3e6; text-decoration:underline; } #homepage .home-button-wrapper { height:26px; width:517px; position: relative; bottom: 0px; left: 0px; } /* Don't forget to add clearfix */ /* #homepage .home-button-wrapper a { display:block; color:#ffffff; font-weight:bold; width:100%; height:100%; } #homepage .home-button-wrapper a:hover { color:#7c7d7e; text-decoration:none; } #homepage .home-button-wrapper .button-one { width:31.5%; padding:5px 0 5px 0; float:left; text-align:center; background:#c0c1c3; } #homepage .home-button-wrapper .button-two { width:31.5%; padding:5px 0 5px 0; float:left; text-align:center; margin-left:2.5%; background:#c0c1c3; } #homepage .home-button-wrapper .button-three { width:31.5%; padding:5px 0 5px 0; float:left; text-align:center; margin-left:2.5%; background:#c0c1c3; } */ #userpage-content .q-and-a dl { margin:0 0 15px 0; display:block;} #userpage-content .q-and-a dl dt { font-size:1.3em; font-weight: normal; margin-bottom: 5px; line-height: 1.3em; width:100%; clear:both; } #userpage-content .q-and-a dl dd { width:100%; margin:0 0 18px 0; } /* NEW OFFERS */ #userpage-content #new-offers .col2-set { padding-bottom: 20px; } /* SUMMER 2010 NEWSLETTER */ #userpage-content #summer10nl-things-we-like .col2-set-main-left #sage.col2 {margin-right: -17px; } #userpage-content #summer10nl-things-we-like .col2-set-main-left #dandelion.col2 {margin-right: -17px; } #userpage-content #summer10nl-things-we-like .col2-set-main-left #westbay.col2 img {margin-top: 15px; } #userpage-content #summer10nl-beauty-matters .col2-set-main-left #aloe.col2 {margin-right: -17px; } #userpage-content #spring10nl_grasseroots dl { margin:0 0 15px 0; display:block;} #userpage-content #spring10nl_grasseroots dl dt { width:100%; margin-right:20px; clear:both; } #userpage-content #spring10nl_grasseroots dl dd { width:100%; margin-bottom:10px; } /* AUTUMN & WINTER 2010 NEWSLETTER */ #userpage-content #autumn10nl-things-we-like #aloe.col2 {margin-right: -27px; } #userpage-content #autumn10nl-things-we-like #aloe.col2 img {float:right;} #userpage-content #autumn10nl-things-we-like #map.col2 img {margin:20px 0 0 15px;} #userpage-content #autumn10nl-things-we-like #egg.col2 img {margin:10px 0 0 0;} #userpage-content #autumn10nl-things-we-like #nuts.col2 img {margin:5px 0 0 0;} #userpage-content #autumn10nl-at-your-service blockquote { font-size:1.1em; line-height: 1.25em; font-style: italic; margin: 20px 0 0 0; padding: 10px 0 0 0; background: none ; } #userpage-content #autumn10nl-at-your-service cite { font-size:; font-style: normal; font-weight: bold; display: block; clear: both; padding: 10px 0 0 0; background: none; } #userpage-content #autumn10nl-ask-our-experts dt span { display:block; margin:8px 0 13px 0; font-weight: normal; font-size:0.8em; } /* NEWSLETTER HOMEPAGE */ .cms-page-view .col1-layout .breadcrumbs { display:none;} /* Hide the breadcrumb which can't be removed from the template */ .cms-page-view .col1-layout #userpage-content .breadcrumbs { display: block!important; } #userpage-content #autumn10nl-homepage, #userpage-content #summer10nl-homepage { padding:22px 0; } #userpage-content #summer10nl-homepage .nl-highlight { height:700px; background: url('/userpages/images/summer10nl/re-design/summer-newsletter-cover.jpg') top left no-repeat ;} #userpage-content #autumn10nl-homepage .nl-highlight { height:729px; background: url('/userpages/images/autumn10nl/nl-home/aw-nl-cover.jpg') top left no-repeat ;} #userpage-content .nl-highlight .corner { float:right; padding:458px 0 0; } #userpage-content .nl-highlight .nl-link { clear:both; height:26px; padding:35px 0 0 22px; } /* padding:640px 0 0 22px; */ #userpage-content .nl-highlight .nl-link a { font-size:1.3em; font-weight: normal; color:#ffffff; } #userpage-content .nl-box { height:250px; border-bottom:1px solid #e4e4e4; padding:0; margin:0 0 15px 0; } #userpage-content .nl-box .nl-cover-img { height:137px; } #userpage-content .nl-box .nl-title, #userpage-content .nl-box .nl-title-big { height:69px; } #userpage-content .nl-box .nl-link { height:15px; } #userpage-content .nl-box h3 { color:#7c7d7e; padding:10px 10px 0 10px; margin:0; font-size:1.2em; font-weight:normal; line-height: 1.2em; clear:both; } #userpage-content .nl-box h3 a { color:#7c7d7e; } #userpage-content .nl-box h3.new { padding-left:40px; background: url('/userpages/images/autumn10nl/nl-home/new.gif') top left no-repeat ; } #userpage-content .nl-box h3.new-men { padding-left:40px; background: url('/userpages/images/autumn10nl/nl-home/new-men.gif') top left no-repeat ; } #userpage-content .nl-box p.read { padding:0 0 0 10px; margin:0; } /* TWITTER & FACEBOOK */ #userpage-content .twitter-logo, #userpage-content .facebook-logo { vertical-align: middle; margin-bottom: .25em; margin-right:13px; } /* OVERRIDES */ /* LEFT NAV PROMO BOX OVERRIDES */ .left-nav-promo p { margin:10px 10px 15px 10px; } .left-nav-promo a { color:#30cdd7; font-weight:bold; } .left-nav-promo a:hover { color:#30cdd7; text-decoration:underline; } .promo-box img { margin:0 0 10px 0; } /* Additional element spacing - H3, P, IMG etc... */ #userpage-content #spring10nl-day-in-day-out h3.top-pad { padding:0; margin:63px 0 5px 0; } #userpage-content #spring10nl-day-in-day-out img.top-pad { padding:0; margin:120px 0 0 0; } #userpage-content #spring10nl-suncare-coming-soon .content-pad { margin:70px 0 0 0; } /* Christmas gift to you */ #userpage-content .gift-to-you { text-align:center;} /* Landing pages */ #userpage-content .landing-page {margin:0 15px 30px 15px;} #userpage-content .landing-page h1 {padding-top:40px;} #userpage-content .landing-page p.shade-selection {height:55px;} #userpage-content .landing-page .col3-set.shade-selection {padding-top: 30px;} #userpage-content .landing-page .video {float: right;} /*Problem solvers*/ #problem-solvers .problem-deep-cleansing-mask { background: url('/userpages/images/skincare_solutions/deep-cleansing-mask-squirt.jpg' ) 0 0 no-repeat; height: 361px;} #problem-solvers .problem-deep-cleansing-mask p {padding-right: 300px;} #problem-solvers .problem-deep-cleansing-mask p.wide {padding-right: 170px;} #problem-solvers .userpage-add-to-basket {width: 205px;} #problem-solvers .col2-set-main-right .col2.offer .userpage-add-to-basket {width: 400px;} /* Product Labelling */ .pao-pad { margin:0 18px 0 0; } /* QVC */ #userpage-content #qvc dl dd {margin-top: 10px } /* SITE MAP */ #site-map h3 { margin-bottom:23px; } /* Triple Sets */ #userpage-content #triple-sets .col2-set-main-left-lrg { margin:30px 0 40px 0; } #userpage-content #triple-sets h3 { margin-bottom:13px } #userpage-content #triple-sets select { margin:0 0 10px 0; } #userpage-content #triple-sets button { margin:0 6px 0 0; } /* TREATMENT ROOMS */ #userpage-content #treatment-rooms ul { margin:10px 0; padding:0; } #userpage-content #treatment-rooms ul li { background:none; list-style-type:none; padding:0; } #userpage-content #treatment-rooms ul li.one { float:left; clear:both; width:220px; } #userpage-content #treatment-rooms ul li.two { float:left; width:150px; } #userpage-content #treatment-rooms ul li.three { float:left; width:150px; } /*SIGNUP*/ #signup h2 { font-size: 1.6em; 0 0 no-repeat; } /* /support/ - Customer browser support page */ #customer-support li span { font-weight:bold; display:block; } #customer-support li label { float: left; margin-right: 15px; text-align: right; font-size: 1.1em; font-weight: bold; } #customer-support li input.input-text {background:#fff; border: 1px solid #C0C1C3; width: 230px; margin-right:15px;} /* SPRING 2011 NEWSLETTER */ #userpage-content #spring11nl-things-we-like #aloe.col2 {margin-right: -27px; } #userpage-content #spring11nl-things-we-like #aloe.col2 img {float:right;} #userpage-content #spring11nl-things-we-like #map.col2 img {margin:20px 0 0 15px;} #userpage-content #spring11nl-things-we-like #egg.col2 img {margin:10px 0 0 0;} #userpage-content #spring11nl-things-we-like #nuts.col2 img {margin:5px 0 0 0;} #userpage-content #spring11nl-at-your-service blockquote { font-size:1.1em; line-height: 1.25em; font-style: italic; margin: 20px 0 0 0; padding: 10px 0 0 0; background: none ; } #userpage-content #spring11nl-at-your-service cite { font-size:; font-style: normal; font-weight: bold; display: block; clear: both; padding: 10px 0 0 0; background: none; } #userpage-content #spring11nl-ask-our-experts dt span { display:block; margin:8px 0 13px 0; font-weight: normal; font-size:0.8em; } /* SPRING NEWSLETTER HOMEPAGE */ #userpage-content #spring11nl-homepage .nl-highlight { height:729px; background: url('/userpages/images/spring11nl/spring-nl-cover.jpg') top left no-repeat ;} #userpage-content .nl-highlight .corner { float:right; padding:458px 0 0; } #userpage-content .nl-highlight .nl-link { clear:both; height:26px; padding:40px 0 0 20px; } #userpage-content .nl-highlight .nl-link a { font-size:1.3em; font-weight: bold; color:#ffffff; } .leafgraphic { float:right; position: relative; right: -5px; width:740px; } #userpage-content .nl-box { height:250px; border-bottom:1px solid #e4e4e4; padding:0; margin:0 0 15px 0; } #userpage-content .nl-box .nl-cover-img { height:137px; } #userpage-content .nl-box .nl-title, #userpage-content .nl-box .nl-title-big { height:69px; } #userpage-content .nl-box .nl-link { height:15px; } #userpage-content .nl-box h3 { color:#7c7d7e; padding:10px 10px 0 10px; margin:0; font-size:1.2em; font-weight:normal; line-height: 1.2em; clear:both; } #userpage-content .nl-box h3 a { color:#7c7d7e; } #userpage-content .nl-box h3.new { padding-left:40px; background: url('/userpages/images/spring11nl/new.jpg') top left no-repeat ; } #userpage-content .nl-box h3.new-men { padding-left:40px; background: url('/userpages/images/spring11nl/new.jpg') top left no-repeat ; } #userpage-content .nl-box p.read { padding:0 0 0 10px; margin:0; } #userpage-content #spring11nl-homepage, #spring11nl-homepage {padding:20px 0;} #userpage-content #spring11nl-homepage .nl-highlight .nl-link { clear:both; height:26px; padding:685px 0 0 185px; } #userpage-content #spring11nl-homepage .nl-highlight .nl-link a { font-size:1.3em; font-weight: bold; color:#8dc63f; } /* BLUE BUTTONS */ ul.blue-buttons{float:left;margin:0;padding:0;} ul.blue-buttons li{float: left;background:none!important;list-style-type:none!important;display: inline;margin:0!important;padding:0 0 30px 0!important;} ul.blue-buttons li a:link, ul.blue-buttons li a:visited, ul.blue-buttons li a:active{margin:0 30px 0 0;padding:0;text-decoration: none;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/blue-button.jpg') no-repeat top right #B5D8D4;text-shadow: 1px 1px 1px #ccc;text-decoration:none!important;} ul.blue-buttons li a:hover{text-decoration: none;cursor:hand;float:left;font-weight:bold;background: url('/userpages/images/blue-button.jpg') no-repeat -40px right #B5D8D4;text-decoration:none!important;} ul.blue-buttons li a span{padding: 8px 25px 11px 40px;margin: 0 15px 0 0;position: relative;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/blue-button.jpg') no-repeat top left #B5D8D4;} ul.blue-buttons li a:hover span{color: #fff;text-shadow:none;background: url('/userpages/images/blue-button.jpg') no-repeat -40px left #B5D8D4;} /* COLOUR BUTTONS */ ul.colour-buttons{float:left;margin:0;padding:0;} ul.colour-buttons li{float: left;background:none!important;list-style-type:none!important;display: inline;margin:0!important;padding:0 0 30px 0!important;} ul.colour-buttons li a:link, ul.colour-buttons li a:visited, ul.colour-buttons li a:active{margin:0 30px 0 0;padding:0;text-decoration: none;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/colour-button.jpg') no-repeat top right #000e2b;text-decoration:none!important;} ul.colour-buttons li a:hover{text-decoration: none;cursor:hand;float:left;font-weight:bold;background: url('/userpages/images/colour-button.jpg') no-repeat -40px right #000e2b;text-decoration:none!important;} ul.colour-buttons li a span{padding: 8px 25px 11px 40px;margin: 0 15px 0 0;position: relative;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/colour-button.jpg') no-repeat top left #000e2b;} ul.colour-buttons li a:hover span{color: #fff;text-shadow:none;background: url('/userpages/images/colour-button.jpg') no-repeat -40px left #000e2b;} /* grey BUTTONS */ ul.grey-buttons{float:left;margin:0;padding:0;} ul.grey-buttons li{float: left;background:none!important;list-style-type:none!important;display: inline;margin:0!important;padding:0 0 20px 0!important;} ul.grey-buttons li a:link, ul.grey-buttons li a:visited, ul.grey-buttons li a:active{margin:0 30px 0 0;padding:0;text-decoration: none;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/grey-button.jpg') no-repeat top right #B5D8D4;text-decoration:none!important;} ul.grey-buttons li a:hover{text-decoration: none;cursor:hand;float:left;font-weight:bold;background: url('/userpages/images/grey-button.jpg') no-repeat -40px right #B5D8D4;text-decoration:none!important;} ul.grey-buttons li a span{padding: 8px 25px 11px 40px;margin: 0 15px 0 0;position: relative;float:left;color: #fff;font-weight:bold;background: url('/userpages/images/grey-button.jpg') no-repeat top left #B5D8D4;} ul.grey-buttons li a:hover span{color: #fff;text-shadow:none;background: url('/userpages/images/grey-button.jpg') no-repeat -40px left #B5D8D4;} /* Video Page Links */ #userpage-content #video-gallery .col3-set a { color:#757677; } /* Userpage Video Modals */ .video-modals {display:none;} .video-modal { width:752px; height:466px; z-index: 100; clear:both; padding:20px;} .video-modal .video {padding: 0 20px 15px 20px;} .video-modal a.simplemodal-close { background: url('/skin/frontend/LENAS/default/images/common/close.gif') 0 50% no-repeat; color: #6ad3e6; font-weight: bold; cursor: pointer; padding:0 0 0 15px; margin:15px 18px 15px 0; float:right;} /* 15 fifteen */ .fifteenreasons-modals {display:none;} #userpage-content #fifteenreasons ul.quotes{padding-top:10px;} #userpage-content #fifteenreasons ul.quotes li{background:none;margin:0;padding:0 0 10px 0;border-bottom:1px solid #dedede;} #userpage-content #fifteenreasons ul.quotes li blockquote{font-size:120%;padding:0 0 0 30px;} #userpage-content #fifteenreasons ul.quotes li blockquote cite{font-size:80%;background-position:right 10px;} #fifteenreasons ul.modal-trigger li{background:none;list-style-type:none;padding:0;width:137px;height:137px;float:left;margin:0 5px 5px 0;display:block;} #fifteenreasons li.box a:link, #fifteenreasons li.box a:visited, #fifteenreasons li.box a:active{width:127px;height:127px;border:5px solid #BFC0C2;display:block;} #fifteenreasons li.box a:hover {width:127px;height:127px;border:5px solid #A7D0D9;display:block;} .passport-modal-fifteenreasons {width:824px;border:1px solid #dedede; z-index: 100;padding:0px; margin:20px; clear:both;} .passport-modal-fifteenreasons .simplemodal-close { position:absolute;background: url('/skin/frontend/LENAS/default/images/common/close.gif') right 5px no-repeat; color: #6ad3e6; font-weight: bold; cursor: pointer; padding: 0 15px 0 770px;margin-top:-18px;} .passport-modal-fifteenreasons .simplemodal-close a{color:#6ad3e6;} /* Island Gems */ .island-gems-modals {display:none;} .passport-modal { width:665px; z-index: 100; padding:20px; margin:0 0 20px 0; clear:both;} .passport-modal h4 , #userpage-content .passport-modal h4 { color:#7c7d7e; font-size:1.1em; font-weight: bold; margin:10px 0 20px 0; padding:0; line-height: 1.25em; } .passport-modal p { color:#7c7d7e; font-weight:normal; margin:0 0 13px 0; padding:0; line-height: 1.25em; clear:both; float:none; } .passport-modal p.intro { color:#7c7d7e; font-size:1.4em; font-weight:normal; line-height: 1.25em; clear:both; } .passport-modal a { color:#6ad3e6; font-weight:bold; } .passport-modal a:hover { color:#6ad3e6; text-decoration:underline; } .passport-modal .col1 { width:48%; float:left; clear:both;} .passport-modal .col2 { width:48%; float:right; clear:right;} .passport-modal .single-col {padding:0 15px;} .passport-modal a.simplemodal-close { background: url('/skin/frontend/LENAS/default/images/common/close.gif') 0 50% no-repeat; color: #6ad3e6; font-weight: bold; cursor: pointer; padding:0 0 0 15px; float:right;} .passport-modal .number { width:24px; float:left; margin:-5px 8px 0 0; } .passport-modal .number-summer { width:24px; float:left; margin:4px 8px 0 0; } .passport-modal .snap-banner {margin:5px 0;} .passport-modal span.phone-no {font-weight:bold;} .passport-modal span.phone-no-pad {font-weight:bold; margin-left:15px;} .passport-modal span.date { margin-top:1px; } .passport-modal span.date, .passport-modal span.location, #userpage-content #island-gems span.date, #userpage-content #island-gems a span.date, #userpage-content #island-gems span.location, #userpage-content #island-gems a span.location { font-weight:normal; } #content-area-1 .col2 {padding-top:65px;} #content-area-2 .col2 {padding-top:17px;} #content-area-3 .col2 {padding-top:55px;} #content-area-6 .col2 {padding-top:32px;} #content-area-7 .col2 {padding-top:37px;} #content-area-11 .col2 {padding-top:65px;} #content-area-12 .col2 {padding-top:75px;} #content-area-13 .col2 {padding-top:90px;} #content-area-14 .col2 {padding-top:44px;} #content-area-15 .col2 {padding-top:90px;} #content-area-16 .col2 {padding-top:75px;} #content-area-17 .col2 {padding-top:90px;} #userpage-content #island-gems .island-gems-map {margin-top:20px;} #userpage-content #island-gems .view-google-map {text-align:right; margin-top:10px;} #userpage-content .modal-trigger a { color:#7c7d7e; font-weight:bold; } #userpage-content .modal-trigger a:hover { color:#7c7d7e; text-decoration:underline; } #userpage-content .print-this {margin-top:15px;} #userpage-content #island-gems li.one { background: url('/userpages/images/islandgems/1.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.two { background: url('/userpages/images/islandgems/2.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.three { background: url('/userpages/images/islandgems/3.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.four { background: url('/userpages/images/islandgems/4.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.five { background: url('/userpages/images/islandgems/5.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.six { background: url('/userpages/images/islandgems/6.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.seven { background: url('/userpages/images/islandgems/7.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.eight { background: url('/userpages/images/islandgems/8.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.nine { background: url('/userpages/images/islandgems/9.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.ten { background: url('/userpages/images/islandgems/10.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.eleven { background: url('/userpages/images/islandgems/11.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.twelve { background: url('/userpages/images/islandgems/12.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.thirteen { background: url('/userpages/images/islandgems/13.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.fourteen { background: url('/userpages/images/islandgems/14.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.fifteen { background: url('/userpages/images/islandgems/15.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.sixteen { background: url('/userpages/images/islandgems/16.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.seventeen { background: url('/userpages/images/islandgems/17.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } #userpage-content #island-gems li.eighteen { background: url('/userpages/images/islandgems/18.gif') no-repeat 0 2px; padding:7px 0 12px 30px; list-style-type:none; } /* SUPPORT PAGE ERROR MESSAGES */ #userpage-content .messages h5 {margin: 0 0 10px 0; padding-bottom: 5px;} #userpage-content .error-msg {min-height: 24px !important; padding: 15px !important;} #userpage-content .messages {overflow: hidden; width: 100%;} #userpage-content .messages li {margin: 0 0 10px; padding:0; list-style-type:none; background:none; } #userpage-content .messages li li {margin:0 0 3px; padding:0; list-style-type:none; background:none; } #userpage-content .error {color:#f00; font-weight:bold; } #userpage-content .error-msg {background-color:#f9dae2 !important; border-color:#d40839; } #userpage-content .error-msg h5 {border-bottom:1px solid #d40839 !important; color:#d40839; } /* COLOUR */ #userpage-content #makeup-models .col2-set a, #userpage-content #makeup-models .col2-set a {color: #7C7D7E; font-weight: normal;} /* GENERAL ADDITIONS... */ #userpage-content #summer-tips .col3-set {padding-left: 45px;} #userpage-content #summer-tips .col3-set .col1 {padding-left: 45px; width:24%;} #userpage-content #summer-tips .col3-set .col2 { width:17%;} #userpage-content #summer-tips .col3-set .col3 {padding-right: 45px; width:31%;} #userpage-content #summer-tips h3 {margin: 0;} #userpage-content #summer-tips h4 {margin: 0 0 10px 0;} #userpage-content .range-homepage .col1 {background:#fff; margin-bottom:25px;} #userpage-content .range-homepage .col2 {background:#fff; padding-top:15px;} #userpage-content .range-homepage .col2 .col1, #userpage-content .range-homepage .col2 .col2, #userpage-content .range-homepage .col2 .col1-double, #userpage-content .range-homepage .col2 .col2-double, #userpage-content .range-homepage .col2 .col3 {background:#fff; padding:0; margin-bottom:25px;} #userpage-content .range-homepage .col2 .col1-double { width:65%; float:left;} #userpage-content .range-homepage .col2 .col2-double { width:65%; float:right;} #userpage-content .range-homepage .col4-set {padding:25px 25px 0 25px;} #userpage-content .range-homepage .col4-set .col2 {padding-top:0;} #userpage-content .range-homepage .gf-form {height:225px; margin:10px 0 15px 0; padding:10px 10px; background:#eee; } #userpage-content .range-homepage .gf-form select {display:block; margin:5px 0 0 1px;} #userpage-content .range-homepage .gf-form input { margin: 0 5px;} #userpage-content .range-homepage .gf-form input.add-btn { margin:0 0 0 4px; } #userpage-content .range-homepage .gf-form label {font-weight:bold; font-size:1.0em;} #userpage-content .range-homepage .gf-form li {list-style-type:none; background:none; margin-left:0; padding-left:0;} #userpage-content .range-homepage .gf-form li ul {margin:0; padding:0;} #userpage-content .range-homepage .gf-form li ul li {margin:3px 0 1px 0; padding:0;} #userpage-content .range-homepage .gf-form li ul li label {font-weight:normal;} #userpage-content .range-homepage h4 { color: #7c7d7e; font-size: 1.3em; font-weight: normal; line-height: 1.25em; margin: 19px 0px 5px; } #userpage-content .range-homepage h4 a, #userpage-content #mens-homepage h4 a {color:#7c7d7e!important; font-weight: inherit;} #userpage-content .range-homepage .hero-image {text-align:center; padding:22px 0 0 0;} #userpage-content .range-homepage .promo-image {margin:5px 0 15px 0;} #userpage-content .range-homepage .promo-text a {display:block; margin:8px 0 5px 0;} #userpage-content .range-homepage .product-range-categories h4 {color:#5C5E5F; background:#b5e2e2; padding:0; margin:0; padding:0 10px; line-height:40px; } #userpage-content #mens-homepage .product-range-categories h4 { color:#36162b; background:#ebeae6; padding:0; margin:0; padding:0 10px; line-height:40px; } #userpage-content .range-homepage .product-range-categories .prod-cat-area {padding:20px;} #userpage-content .range-homepage .product-range-categories .prod-cat-area h5 a, #userpage-content #mens-homepage .product-range-categories .prod-cat-area h5 a {color:#7c7d7e!important; } #userpage-content .range-homepage .product-range-categories .prod-cat-area .prod-cat {float:left; width:200px; height:200px; margin:0 3% 25px 0; border-right:1px solid #efefef;} #userpage-content .range-homepage .product-range-categories .prod-cat-area .prod-cat div {margin:3px 0 5px 0;} #userpage-content .range-homepage .product-range-categories .prod-cat-area .end {margin-right:0; border:none;} #userpage-content .range-homepage .product-range-categories .prod-cat-area .no-line { border:none;} #userpage-content .range-homepage .product-range-categories ul {position:relative; float:left; width:98%; margin:15px 0 0 0; padding:0; font-size:1.0em;} #userpage-content .range-homepage .product-range-categories ul.divide-right { border-right:1px dotted #bdbdbd; padding-right:25px; } #userpage-content .range-homepage .product-range-categories ul.divide-left { border-left:1px dotted #bdbdbd; padding-left:25px; } #userpage-content .range-homepage .product-range-categories ul li { color:#5c5d5f; clear:both; font-weight:bold!important; width:auto; margin:0; padding:0 0 0 10px; float:none; background:none;} #userpage-content .range-homepage .product-range-categories ul li:hover { background:none; } #userpage-content .range-homepage .product-range-categories ul li a { color:#5c5d5f; margin:0; padding:0; float:none;} #userpage-content .range-homepage .product-range-categories ul li a:hover {text-decoration:underline; } #userpage-content .range-homepage .product-range-categories ul li ul {margin:8px 0 0 0; padding:0 0 0 8px; float:none;} #userpage-content .range-homepage .product-range-categories ul li ul li { font-weight:normal!important; color:#7c7d7e; line-height: 1.25em; margin:8px 0; padding:0; float:none;} #userpage-content .range-homepage .product-range-categories ul li ul li a { color:#6ad3e6; margin:0; padding:0; float:none; } #userpage-content .range-homepage .product-range-categories ul li ul li a:hover {text-decoration:underline; } #userpage-content .range-homepage .product-range-categories ul li ul.col-1 { float:left; width:48%; margin:0; padding:0;} #userpage-content .range-homepage .product-range-categories ul li ul.col-2 { float:right; width:48%; margin:0; padding:0;} #userpage-content .range-homepage .product-range-categories .col2 {padding:0;} #userpage-content .range-homepage .col3-set.store-pages-promo .col2 {padding-top:0;} #userpage-content .range-review-rating {margin-bottom:10px; line-height:19px;} #userpage-content .featured-items h4 {color:#fff; background:#c0c1c3; padding:10px; font-size: 1.3em; font-weight: normal; line-height: 1.25em; margin: 19px 0px 5px; } #userpage-content .col-set-featured {padding:20px;} #userpage-content .col-set-featured h5 a {color:#7c7d7e!important; } #userpage-content .col-set-featured .column {float:left; width:200px; height:235px; margin:0 3% 25px 0; border-right:1px solid #efefef;} #userpage-content .col-set-featured .column div {margin:3px 0 5px 0;} #userpage-content .col-set-featured .column p {padding-right:25px;} #userpage-content .col-set-featured .end {margin-right:0; border:none;} #userpage-content #haircare-signup label { float: left; margin-right: 15px; text-align: right; width: 210px; font-size: 1.1em; font-weight: bold; } #userpage-content #haircare-signup .required { color: red; float: right; } #userpage-content #haircare-signup select {width: 216px; color: #7C7D7E; font: 12px Arial, Helvetica, sans-serif; } #userpage-content #haircare-signup input { border: 1px solid #C0C1C3; float: left; margin-bottom: 0; width: 210px; background: white; padding: 2px; vertical-align: middle; color: #7C7D7E; font: 12px Arial, Helvetica, sans-serif; } #userpage-content #haircare-signup .mxm-form-column-vertical input {float:left; width:20px; border:0;} #userpage-content #haircare-signup .mxm-form-field {float:left; margin-bottom:15px;} #userpage-content #haircare-signup input.mxm-form-button { background: #ACDEE7; border: 0; color: #7C7D7E; cursor: pointer; font: 13px/20px Arial, Helvetica, sans-serif; height: 21px; padding: 0 12px; overflow: visible; width: auto; float: right !important; vertical-align: middle; margin: 0;} /* GET THE LOOK */ .look-img { float:left; width:175px;} .look-overview {float:left; width:165px; } .facebook-like {padding:10px 0 0 0; margin:0 0 25px 0; clear:both;} #get-the-look h4 {margin-top:0!important;} #get-the-look .video-container {margin-bottom:20px;} #get-the-look .look-videos {padding:15px 0 10px 0!important;} #get-the-look .get-the-look-steps {clear:both;} #get-the-look .get-the-look-steps ul {width:100%; padding-top:30px;} #get-the-look .get-the-look-steps li {width:332px; float:left; margin:0 20px 10px 0; padding:0; height:180px; background:none; list-style-type:none; } #get-the-look .get-the-look-steps li img {float: left; width: 116px; margin-right: 20px;} #get-the-look .get-the-look-steps li h4 {float: right; clear:none; width: 195px;} #get-the-look .get-the-look-steps li p {float: right; clear:none; width: 195px;} #get-the-look .get-the-look-steps .shade-used {font-weight:bold; font-size:1.0em;} #get-the-look .expert {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0; clear:both; margin:40px 0 40px 0;} #get-the-look .expert img {float:left; margin-right:20px;} #get-the-look .expert h4 {float:left; width:560px; clear:none; padding-top:22px;} #get-the-look .expert p {float:left; width:560px; clear:none;} #get-the-look .products { position:relative; } #get-the-look .product { position:relative; margin-bottom:60px; height:160px; } #get-the-look .products .product-image { float:left; width:120px; bottom: 0; position: absolute; } #get-the-look .products .product-image img { vertical-align: bottom; } #get-the-look .products .product-content { float:right; width:225px; } .back-to-top { text-align:right; } .back-to-top li { background:none!important; list-style-type:none!important;} .jumpmenu {height: 20px; background:#fff; width: 150px; float: right; outline: none!important; } /* PROMO BAR */ #userpage-content .info-bar { background:#EDF8FA; padding:10px 0; clear:both; text-align:center; margin-bottom:25px;} #userpage-content .info-bar a { display:block; font-weight:normal; color:#7C7D7E!important;} #userpage-content .info-bar a span { font-weight:bold; } .whats-inside-image { text-align:center;} #userpage-content .colour-info-bar {text-align:left; padding:10px 20px; background: url('/userpages/images/colour-bar-gradient.jpg') 0 0 no-repeat #ccebed; color:#5C5E5F; clear:both; margin-bottom:25px;} #userpage-content .colour-info-bar .col1 {text-align:left; background: none; padding-top: 0; margin-bottom:0;} #userpage-content .colour-info-bar .col2 {text-align:right; background: none; padding-top: 0; margin-bottom:0;} #userpage-content .colour-info-bar a { font-weight:bold; color:#5C5E5F!important;} #userpage-content .colour-info-bar a span { font-weight:bold; } #userpage-content .colour-info-bar a.selected { text-decoration:underline; } #userpage-content .colour-info-bar .divider { padding:0 6px; } #userpage-content .colour-info-bar h4 { font-weight:bold; color:#5C5E5F!important; margin:0; padding:0;} .cms-page-view .col1-layout .breadcrumbs-show { display:block; padding-left:22px;} /* re-show the breadcrumb which can't be removed from the template */ .giftforyou-modals {display:none;} /* SIGNATURE FOUNDATION LANDING PAGE MODELS */ #signature-foundation .col3-set {text-align:left;} #signature-foundation .col2 {padding-top:0!important;} #signature-foundation a.sf-model {display:block; width:300px; height:248px;} #signature-foundation a span, #signature-foundation label {display:none;} #userpage-content .returns-ribbon {position:absolute; right:0; margin:-40px -5px 0 0;} #signature-foundation a.sf-model-01 {background:url('/userpages/images/sf_landing_page/model-01.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-02 {background:url('/userpages/images/sf_landing_page/model-02.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-03 {background:url('/userpages/images/sf_landing_page/model-03.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-04 {background:url('/userpages/images/sf_landing_page/model-04.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-05 {background:url('/userpages/images/sf_landing_page/model-05.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-06 {background:url('/userpages/images/sf_landing_page/model-06.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-07 {background:url('/userpages/images/sf_landing_page/model-07.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-08 {background:url('/userpages/images/sf_landing_page/model-08.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model-09 {background:url('/userpages/images/sf_landing_page/model-09.jpg') 0 0 no-repeat;} #signature-foundation a.sf-model:hover {background-position:0 -248px;} .sale {color:#dc0a0b;} /*SKIN CONCERNS DROPDOWN */ #userpage-content #skin-concerns .userpage-add-to-basket label {display:none;} /* BAZAAR VOICE LANDING PAGES */ #userpage-content .range-homepage.bv-landing-page .product-range-categories h4 {margin-top: 40px;} #userpage-content .range-homepage.bv-landing-page .product-range-categories .prod-cat-area .prod-cat {height: 240px; padding-bottom: 20px;} #userpage-content .range-homepage.bv-landing-page .product-range-categories .prod-cat-area h3 {padding-top: 20px;} #userpage-content .range-homepage.bv-landing-page .product-range-categories .prod-cat-area .prod-cat .prod-image {position:relative; padding-left: 20px;} #userpage-content .range-homepage.bv-landing-page .product-range-categories .prod-cat-area .prod-cat .prod-image img {position:absolute ;bottom:0;} #userpage-content .range-homepage.bv-landing-page .product-range-categories .prod-cat-area .prod-cat div {height: 165px;} /*FRAGRANCE MIXES */ #userpage-content #fragrance-mixes h2 { margin:20px 0 0 0; } #userpage-content #fragrance-mixes .quantity-btns { margin-right: 5px; } /*FRAGRANCE MIXES */ /*CONTACT US */ #userpage-content #contactus .whoson-container {position: relative; } /* DELIVERY INFO */ #userpage-content #postage-rates h3 {font-weight:normal; border-bottom: 1px solid #dfe0e0; padding-bottom: 5px; margin-bottom: 10px; } /*TRY-ME TRAVEL */ #userpage-content #trymeortravel .page-contents .divider {padding: 0 6px; } #userpage-content #trymeortravel.range-homepage h4 {margin: 0 ; } #userpage-content #trymeortravel p.skintype {margin-top:10px; font-style:italic; font-weight:bold; } /*TRY-ME TRAVEL */ #userpage-content .range-homepage .col2-set.free-pandp .col2 { padding: 0;} /*SHEERLUXE2014 */ #userpage-content.sheerluxe2014 { padding: 0; margin: 0;} #userpage-content.sheerluxe2014 p { padding: 10px 0 0 5px; } /* Responsive Yout Tube Embed */ /* YouTube Responsive Presentation */ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }