body {
  background-color: #000;
  color:#798791;
  text-align:center;
  background:url(/img/bg/feather2.jpg) center top no-repeat;
  font-size:0.74em;
  font-family: Arial, Helvetica, Sans-serif;
  line-height: 1.3;
}

body.home {
      background:url(/img/bg/feather2.jpg) center 3px no-repeat;
}

body.rewardingSoftness {
      background:url(/img/bg/feather2.jpg) center 215px no-repeat;
}

#content {
  width:915px;
  margin:auto;
  text-align:left;
}

a 
{
  color:#999;    
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

h3 {
  font-weight: bold;
  color:#f78a95;
  margin-bottom:3px;
}

p {
  margin-bottom:1em;
}

address {
  font-style:normal;
}

sup {
  font-size:0.8em;
  vertical-align: text-top;
}


ol {
  list-style-type: decimal;
  list-style-position:inside;
  margin-top:10px;
  
}

ol ol {
    list-style-type: lower-alpha;
    padding:0 0 10px 10px;
}

.clear {
  clear:both;
}

.col2 {
  zoom:1;
}

.borderInner {
  zoom:1;
}

.blurb {
  min-height:134px;  
}

* html blurb {
  height:134px;    
}

/* -------------------------- General --------------------------*/


.highlight {
  color:#f78a95;
  font-weight:bold;
}


/* -------------------------- Forms --------------------------*/

label {
  clear:both;
  padding:3px 0 18px 0;
  display:block;
}

label span {
  display:block;
  float:left;
  width:6em;
  font-size:0.9em;
  display:inline;
}

label input {
  margin-top:-4px;
  padding:4px 2px;
  width:231px;
}

label .input, label textarea {
  border:1px solid #8eabd5;
}

label.checkbox input {
  float:left;
  width:auto;
}

label.checkbox span {
  float:left;
  width:270px;
  font-size:0.8em;
  margin-left:7px;
  margin-top:-3px;
  margin-bottom:11px;
  line-height:1em;
  display:inline;
}

label.checkbox .error {
    float:none;
}

label.checkboxLarge span {
  font-size:1em;
}

label.checkboxLarge {
  margin-left:5em;
}


label.textarea {
  margin-top:5px;
  overflow:hidden;  
}

label.select select {
  margin-top:-3px;
}

label.textarea textarea {
  width:166px;
  height:94px;  
}

label.textarea span {
  float:right;
  width:138px;
  color:#f78a95;
  font-style:italic;
  font-size:1em;
  padding-top:5px;
  line-height:1.3em;
}

input.postcode {
  width:8em;
}

input.submit {
  margin-top:10px;
}

label .error {
  color:#f00;
  display:block;
  padding-left:6em;
  width:auto;
  padding-bottom:20px;
  padding-top:3px;
}

label.checkbox .error {
  padding-left:1.8em;
  padding-top:-3px;
}

#ctl00_pnlError .error {
 display:block;
 margin-bottom:1em;
 color:#f00;
}


/* -------------------------- Header --------------------------*/

#header {
  margin-top:31px;
  margin-bottom:45px;
  overflow:hidden;
  position:relative;
  zoom:1;
  z-index:9999;
}

#header a {
  color:#666;
  font-size:0.9em;
}

#logo {
  float:left;
}

#logo a {
  display:block;
  width:256px;
  height:51px;
  background:url(/img/logo.png) top left no-repeat;
  text-indent:-1000em;
}

#headerLinks {
  position:absolute;
  bottom:0;
  right:0;
}

#headerLinks li {
  float:left;
  padding-left:0.5em;
  padding-right:0.5em;
  border-right:1px solid #666;
}

#headerLinks li.last {
 padding-right:0;
 border:none;
 height:30px;
}

#baby {
  display:block;
  height:32px;
  width:66px;
  background:url(/img/baby.png) left bottom no-repeat;
  text-indent: -1000em;   
  position:relative;
  top:-8px;
}


/* -------------------------- Menu --------------------------*/


.menu {
  clear:left;
}

.menu li.menuItem {
  float:left;
  height:483px;
  width:30px;
}

.menu .menuItem a {
  display:block;
  height:100%;
  width:100%;
  text-indent: -1000em;
  background-image:url(/img/menu.png);
  background-repeat:no-repeat;
  border:0;
}

.menu .menuItem a:hover {
  outline:none 0;
}
    
.menuHome a {
  background-position:0 0;
}

.menuBodyCare a {
  background-position:-30px 0;
}

.menuFacialCare a {
  background-position:-60px 0;
}

.menuRewardingSoftness a {
  background-position:-90px 0;
}

.menuScience a {
  background-position:-120px 0;
}

.menuHome a:hover {
  background-position:-150px 0;
}

.menuBodyCare a:hover {
  background-position:-180px 0;
}

.menuFacialCare a:hover {
  background-position:-210px 0;
}

.menuRewardingSoftness a:hover {
  background-position:-240px 0;
}

.menuScience a:hover {
  background-position:-270px 0;
}


/* -------------------------- Slide layer --------------------------*/

.menu .slideLayer {
  float:left;
  width:759px;
  height:auto;
  overflow:hidden;
  position:relative;
  top:-127px;
  margin-bottom:-127px;
}

.slideLayerContent {
  padding-left:54px;
  width:705px;
  font-size:1.1em;
  padding-top:127px;
  overflow:hidden;
}
body.product .slideLayerContent 
{
    padding-left: 39px;
}
body.product .slideLayerContent
{
 width:720px;
}

.home .slideLayerContent {
  background:url(/img/bg/womanHomeV4.jpg) 236px top no-repeat;
}

.bodyCare .slideLayerContent, .facialCare .slideLayerContent, .faceCare .slideLayerContent {
  background:url(/img/bg/womanBodyCare.jpg) 342px top no-repeat;
}

.facialCare .slideLayerContent, .faceCare .slideLayerContent 
{
  background:url(/img/bg/womanFacecareV4.jpg) 212px top no-repeat;
}

.facialCare .slideLayerContent, .faceCare .slideLayerContent 
{
  background:url(/img/bg/womanFacecareV4.jpg) 212px top no-repeat;
}

/* -------------------------- Footer --------------------------*/

#footer {
  clear:both;
  padding-top:35px;
}

* html #footer {
  padding-top:0;
}

#footer ul {
  overflow:hidden;
  margin-bottom:1em;
}

#footer li {
  float:left;
  padding-left:0.5em;
  padding-right:0.5em;
  border-left:1px solid #666;
}

#footer li.first {
  padding-left:0;
  border:none;
}

#footerMenu {
  border-top:1px dotted #bcada2;
  padding-top:10px;
}

#footerMenu a {
  color:#666;
}

#footerLegal, #copyright {
  clear:left;   
}    

#footerLegal a {
  color:#3558a3;
}

.smallPrintContainer {
   clear:both;
   font-size:0.8em;   
   padding-top:15px;
   padding-bottom:5px;
}
.smallPrintContainer a {
    text-decoration: underline;
}

.smallprint sup {
  font-size:1.2em;
  top:0;
}   


/* -------------------------- Pink border --------------------------*/

.pinkBox179 {
  padding-bottom:10px;
  background:url(/img/home/pinkBox179Bottom.png) left bottom no-repeat;
  color:#fff;
  margin-left:-4px;
  margin-top:10px;
  margin-bottom:10px;
  text-align: left;
  line-height:1.1em;
}

.pinkBox179 .borderInner {
  background:url(/img/home/pinkBox179Top.png) left top no-repeat;
  padding:18px 60px 10px 15px;
  min-height:17px;
  margin-bottom:0;
}

.pinkBox238 {
  padding-bottom:8px;
  background:url(/img/home/pinkBox238Bottom.png) left bottom no-repeat;
  color:#fff;
  margin-left:-4px;
  margin-top:10px;
  margin-bottom:14px;
  text-align: center;
  line-height:1.1em;
}

.pinkBox238 .borderInner {
  background:url(/img/home/pinkBox238Top.png) left top no-repeat;
  padding:18px 60px 10px 15px;
  min-height:17px;
  margin-bottom:0;
}

/* -------------------------- Home page --------------------------*/

h1#homeGentleOMeter {
  width:228px;
  height:107px;
  background:url(/img/headings/homeGentleOMeterTitle.png) top left no-repeat;
  text-indent:-1000em;
  margin-left:0px;
  margin-bottom:10px;
  font-size: 1em;
}

h1#homeATouchOfSoftness {
  width:287px;
  height:141px;
  background:url(/img/headings/homeATouchOfSoftness.png) top left no-repeat;
  text-indent:-1000em;
  margin-left:-23px;
  margin-bottom:10px;
  font-size: 1em;
}

.home .col1 {
  width:264px;
}

blockquote {
  font-style:italic;
  color:#6b94c6;
}

.signature {
  color:#6b94c6;
  font-size:1.25em;
  font-weight: bold;
  margin-top:-5px;
  padding-top:10px;
}

#tellUs a {
   color:#fff;   
   font-weight:bold;
}

.home .col1 sup {
   font-size:0.8em;
   top:0;
}

 /* ----- You acts of softness ----*/

.home #yourActs {
  color:#6b94c6;
  background:url(/img/home/whiteBorderBottom.png) 0 bottom no-repeat;
  width:348px;
  margin-left:-2px;
  margin-top:10px;
  padding-bottom:6px;
  line-height:1.3em;
}

.home #yourActs .borderInner {
  padding:67px 45px 0 17px;
  background:url(/img/home/whiteBoxEssentialsTop.png) left top no-repeat;
  min-height:80px;
}

.home #yourActs blockquote {
  padding-right:7px;
  padding-bottom:10px;
}

.home #yourActs blockquote a {
     color:#ff6699;
}

.home .col2 .promoGraphic {
  width:271px;
  height:156px;
  margin-top:-135px;
  margin-left:285px;
  background:url(/img/home/promoEssentials.png) top left no-repeat;  
}

#glamour {
 position:absolute;
 top:27em;
 left:38em;
  width:219px;
  height:88px;
  background: url(/img/home/glamour.png) top left no-repeat;
  text-indent: -1000em;
}

  /* ----- Product search ----*/

.home .col3 {
  position:relative;
  left:-3px;
  margin-top:8px;  
  color:#85a9d5;
}

#productSearch {
  padding-bottom:6px;
  background:url(/img/home/productSearchBottom.png) left bottom no-repeat;
  margin-top:10px;
  clear:both;    
}

#productSearch .borderInner {
  background:url(/img/home/productSearchTop.png) left top no-repeat;
  padding:18px;
  padding-bottom:8px;
  zoom:1;
  height:85px;
}

#productSearch .subCol1, #productSearch .subCol2 {
  float:left;
  display:inline;
}

#productSearch .subCol1 {
  width:324px;
  margin-right:43px;
}

#productSearch .subCol2 {
  width:245px;
}

#productSearch .subCol2 select {
  color:#aca09e;
  margin-top:5px;
  font-size:0.8em;
}

#clickToWatch .heading, .subCol2 h2 {
  height:33px;
  text-indent:-1000em;
  padding-bottom:8px;

}

#clickToWatch a.head {
  background:url(/img/home/clickToWatch.png) top left no-repeat;
  text-indent:-1000em;
  display:block;  
  height:35px;
  color:#6B94C6;
  font-weight:normal;
  padding-bottom:8px;
}

.subCol1 span {  
  float:left;
  width:180px;
}

#clickToWatch a.image {
  float:right;  
  margin-top:-3px;
  display:inline;
  margin-left:5px;

  height:50px;
}


.beautyRange {
  background:url(/img/headings/productFinderTitle.png) top left no-repeat;
  height:33px;
  text-indent:-1000em;
  padding-bottom:8px;
  display:block;
}


.thanks .beautyRange {
  background:url(/img/rewardingSoftness/24HourMoisture.png) top left no-repeat;
  height:33px;
  text-indent:-1000em;
  padding-bottom:8px;
  display:block;
}

.thanks .bottle {
  width:57px;
  height:118px;
  margin-top:0;
  background:url(/img/rewardingSoftness/smallBottle.png) top left no-repeat;  
  float:right;
  margin-top:-30px;
}

* html .thanks .bottle {
  position:relative;
  z-index:1000;
}

/* -------------------------- Rewarding Softness --------------------------*/

.rewardingSoftness .col1 {
  float:left;
  width:317px;
  color:#999;
  display:inline;
}

.rewardingSoftness .col2 {
  float:left;
  width:362px;
  padding-left:2px;
}

#gentleOMeter {
  width:228px;
  height:107px;
  background:url(/img/headings/homeGentleOMeterTitle.png) 0 top no-repeat;
  text-indent: -1000em;
  margin-top:22px;
  margin-bottom:20px;
}


#shareYourSoftness {
  width:218px;
  height:89px;
  background:url(/img/rewardingSoftness/shareYourSoftness.png) -7px top no-repeat;
  text-indent: -1000em;
  margin-top:22px;
  margin-bottom:20px;
}

.rewardingSoftness .slideLayerContent {
  padding-left:39px;
}

.rewardingSoftness #yourActs {
  width:307px;
  margin-right:-7px;
  height:669px;
  background:url(/img/rewardingSoftness/yourActsOfSoftness.png) top left no-repeat;
  color:#6b94c6;
  font-style: italic;
  padding:138px 25px 0 30px;
}

.rewardingSoftness #yourActs h2 {
  text-indent:-1000em;
  height:0;
  overflow:hidden;
}

#scrollerContainer {
  width:305px;
  padding-top:15px;
  clear:both;
  overflow:hidden;
}

#yourActsScroller {
  height:505px;
  width:800px;
  line-height:1.3em;
}


#yourActsScroller .scrollBlock {
  width:305px;
  float:left;
}

.rewardingSoftness #yourActs .signature {
  padding:10px 0 15px 0;
  font-style:normal;

}


/* -------------------------- Rewarding Softness Landing --------------------------*/

.rewardingSoftness .highlight {
  color:#f99da6;
  min-height: 120px;
  background:url(/img/rewardingSoftness/smallBottle.png) 18px 7px no-repeat;
  margin-top:12px;
  margin-left:-23px;
  padding-top:15px;
  padding-left:93px;
}

* html .rewardingSoftness .highlight {
  height:148px;
}

#inTouch {
  width:302px;
  padding-bottom:7px;
  background:url(/img/rewardingSoftness/narrowBorderBottom.png) left bottom no-repeat;
}

#inTouch .borderInner {
  background:url(/img/rewardingSoftness/narrowBorderTop.png) left top no-repeat;
  text-align:center;
  padding-top:7px;
}


#tellUsAbout {
  width:273px;
  height:117px;
  display:block;
  background:url(/img/rewardingSoftness/tellUs.png) center top no-repeat;
  text-indent:-1000em;
  margin:0 auto;
  margin-top:10px;
  padding-bottom:6px;
}


/* -------------------------- Rewarding Softness twitter --------------------------*/

.twitterForm {
  margin-bottom:15px;
}

.twitterForm label {
  color: #f78a95;
  font-weight:bold;
  padding-bottom:0;
}

.twitterForm label span {
  width:auto;
}

.twitterForm input.text {
  margin-top: 8px;
  margin-bottom:10px;
  width:296px;
}

#quote {
  width:307px;
  padding-bottom:6px;
  background:url(/img/rewardingSoftness/quoteBoxBottom.png) left bottom no-repeat;
  margin-bottom:14px;
}

#quote .borderInner {
  padding:20px 3px 6px 43px;
  background:url(/img/rewardingSoftness/quoteBoxTop.png) left top no-repeat;
}

#quote blockquote {
  background:url(/img/closeQuotes.png) right bottom no-repeat;
  padding-right:25px;
  margin-right:15px;
  padding-bottom:10px;
}

#quote .signature {
  margin-top:-15px;
}

 /* ----- Scroll controls ----*/

#scrollerControls span {
  float:left;
  height:37px;
  text-align:center;
}

#scrollerNext, #scrollerPrev {
  width:67px;
  background:left center no-repeat;
  cursor:pointer;
  text-indent:-1000em;
}

#scrollerPrev {
  background-image:url(/img/twitter/prev.png);
}

#scrollerNext {
  background-image:url(/img/twitter/next.png);
}

#scrollerDisplay {
  padding-top:4px;
  width:166px;
  line-height:1em;
}

#scrollerDisplay span {
  display:block;
  float:none;
  height:auto;
  font-weight:bold;
  font-style:normal;
  overflow:visible;
}

#scrollerCount {
  color:#f78a95;
  font-size:2em;
  margin-bottom:0.25em;
}

#scrollerStrap {
 color:#85a9d5;
 font-weight:bold;
 font-style:normal;
}

/* -------------------------- Thanks --------------------------*/

.gentleometer .thanks .col1 {
  float:left;
  width:256px;
  margin-right:0;
  color:#999;
  display:inline;
  padding-bottom:36px;
}

.gentleometer p a {
     color:#ff6699;
}

.gentleometer .productImage {
  float:right;
  margin-right:0px;
  margin-top:133px;
  margin-bottom:20px;
  margin-left:-11px;
}

.thanks .printVoucher {
  height:54px;
  background:url(/img/science/printVoucher.png) top left no-repeat;
  text-indent:-1000em;
  display:block;
}

.thanks .col1 {
  float:left;
  width:256px;
  margin-right:64px;
  color:#999;
  display:inline;
  padding-bottom:36px;
}

.thanks .col1 p {
  margin-bottom:13px;
}

.thanks .col2 {
  float:left;
  width:337px;
    padding-bottom:36px;
}

.thanks .col3 {
  padding-top:36px;
}

.thanks .shareLink {
  height:54px;
  background:url(/img/rewardingSoftness/shareWithFriends.png) top left no-repeat;
  text-indent:-1000em;
  display:block;
}

.thanks .backToRewarding {
  width:172px;
  height:54px;
  background:url(/img/rewardingSoftness/back.png) top left no-repeat;
  text-indent:-1000em;
  display:block;  
  margin-top:15px;
}

#shareOptions {
  line-height:50px;
  height:54px;
  text-align:center;
  background:url(/img/rewardingSoftness/shareBackground.png) top left no-repeat;
  margin-top:15px;
  display:none;
}

#shareOptions img {
  vertical-align:middle;
  margin-left:30px;
}


#softnessWithGlamour {
  padding-bottom:7px;
  background:url(/img/rewardingSoftness/softnessWithGlamourBottom.png) left bottom no-repeat;
}

#softnessWithGlamour .borderInner {
  padding:108px 19px 9px 19px;
  background:url(/img/rewardingSoftness/softnessWithGlamourTop.png) left top no-repeat;
}

#nominateAFriend {
  width:209px;
  height:54px;
  text-indent:-1000em;
  background: url(/img/rewardingSoftness/nominateAFriend.png) top left no-repeat;
  display:block;
}

#visitGlamour {
  width:268px;
  height:99px;
  text-indent:-1000em;
  background: url(/img/rewardingSoftness/visitGlamour.png) top left no-repeat;
  display:block;
  margin-left:-2px;
  margin-top:10px;
}

#joinOurTestingPanel {
  width:268px;
  height:54px;
  text-indent:-1000em;
  background: url(/img/rewardingSoftness/joinOurTestingPanel.png) top left no-repeat;
  display:block;
  margin-left:-2px;
  margin-top:10px;
}

.queryMessage {
  font-weight:bold;
}


.queryMessage a {
  color:#999;
  text-decoration:underline;
}

.queryMessage a:hover {
  text-decoration:none;
}

/* -------------------------- Science of Softness --------------------------*/

.science .col1 {
  float:left;
  width:317px;
  color:#999;
  display:inline;
}

.science .col2 {
  float:left;
  width:362px;
  padding-left:2px;
}

div#whatMakesSkinSoftBreakdown
{
    background: url('/img/science/tabs_bg.png') no-repeat top left;
    padding-top: 33px;
    zoom: 1;
}
div#whatMakesSkinSoftBreakdown h3
{
    background: url('/img/science/WhatMakesSkinSoft.gif') no-repeat 25px 0px;
    text-indent: -99999px;
    height: 28px;
}

div#keyPieceTabs
{
    width: 539px;
    background: url('/img/science/tabs_footer.png') no-repeat bottom left;
    padding-bottom: 10px;
    margin-left: 3px;
    padding-top: 28px;
}
.scienceOfSoftness .col1
{
    width: 544px;
    padding-top: 46px;
}

.scienceOfSoftness .col1 p, .scienceOfSoftness .col1 ul, .scienceOfSoftness .col1 h2, .scienceOfSoftness .col1 h3, .scienceOfSoftness .col1 h4
{
    padding: 0px 25px;
    margin-bottom: 1em;
}
.scienceOfSoftness .col1 h2
{
    background: url('/img/science/secretToBeautifullySoftSkin.png') no-repeat 10px 0px;
    text-indent: -99999px;
    height: 116px;
    margin-bottom: 2em;
    
}

ul#keyPieceTabsNavigation
{
    background: url('/img/science/tab_sprite.gif') no-repeat;
    _height: 1%;
    overflow: hidden;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
}
div.smoothnessKey ul#keyPieceTabsNavigation
{
    background-position: 0px 0px;
} 


div.hydrationKey ul#keyPieceTabsNavigation
{
    background-position: 0px -32px;
} 
div.firmnessKey ul#keyPieceTabsNavigation
{
    background-position: 0px -64px;
} 



ul#keyPieceTabsNavigation li
{
    float: left;
   
}

ul#keyPieceTabsNavigation li a
{
    display: block;
    height: 32px;
    width: 166px;
    margin-right: 10px;
    text-indent: -99999px;
}
ul#keyPieceTabsNavigation li.last a
{
    margin-right: 0px;
}

div.keyPiece
{
    background-color: #EDF2F8;
    margin-left: 7px;
    margin-right: 7px;
    color: #6b94c6;

   
}
div#whatMakesSkinSoftBreakdown.js div.keyPiece
{
    display: none;
}
div.smoothnessKey div#smoothnessKey,
div.hydrationKey div#hydrationKey,
div.firmnessKey div#firmnessKey
{
    display: block !important;
}
div.keyPiece
{
    padding-top: 33px;
}
div.keyPiece.variedContent
{
    _height: 1%;
    overflow: hidden;
}
div.keyPiece.variedContent div.keyPieceImage, div.keyPiece.variedContent div.keyPieceContent
{
    float: left;
}
div.keyPiece.variedContent div.keyPieceImage
{
    width: 190px;
    padding: 7px 0px 40px 0px;
}
div.keyPiece.variedContent div.keyPieceContent
{
    width: 325px;
    padding-left: 10px;   
    
}

div#hydrationKey div.keyPieceImage
{
    padding: 0px 0px 10px 0px;
}
div#hydrationKey div.keyPieceContent
{
    width: 325px;
    padding-left: 10px;  
}


div#firmnessKey div.keyPieceImage
{
    padding: 0px 0px 20px 0px;
}
div#firmnessKey div.keyPieceContent
{
    width: 325px;
    padding-left: 10px;   
}
div.keyPiece.variedContent div.keyPieceContent p, div.keyPiece.variedContent div.keyPieceContent h4
{
padding: 0px 25px 0px 0px;
}
div.keyPiece.variedContent div.keyPieceImage img
{
    display: block;
    margin: 0px auto;
}
div.keyPiece p
{

    margin-bottom: 0px !important;
}

/* -------------------------- Product list --------------------------*/

.bodyCare .col1, .facialCare .col1 {
  width:290px;
  margin-bottom:24px;
  margin-left:-15px;
}
body.product .col1
{
    margin-left: 0px;
}

.bodyCare .col1 p, .facialCare .col1 .col1 p {
  padding-left:3px;
}

#bodyCareTitle {
  height:111px;
  width:242px;
  background:url(/img/products/bodyCareTitle.png) top left no-repeat;
  text-indent:-1000em;
  margin-bottom:10px;
}

#faceCareTitle {
  height:111px;
  width:243px;
  background:url(/img/products/faceCareTitle.png) top left no-repeat;
  text-indent:-1000em;
  margin-bottom:10px;
  width:300px;
}

#bathShowerTitle {
  height:79px;
  background:url(/img/products/bathShower2.png) top left no-repeat;
  text-indent:-1000em;
  width:300px;
  margin-top:-18px;
  margin-bottom:-13px;
  margin-left:-45px;
}

#handsBodyTitle {
  height:43px;
  background:url(/img/products/handsBodyTitle2.png) top left no-repeat;
  text-indent:-1000em;
  margin-bottom:5px;
  margin-left:-15px;
  width:300px;
}

.productList {
  overflow:auto;
  margin-left:-34px;
  width:764px;
}

.productList li {
  width:178px;
  height:190px;
  overflow:hidden;
  float:left;
  padding-bottom:15px;
  margin-right:8px;
  background:url(/img/products/productTile.png) top right no-repeat;
  display:inline;
 /* cursor:pointer;*/
}

.productList li.new {
  background:url(/img/products/productTileNew.png) top right no-repeat;
}

.productList h4 {
  padding-top:17px;
  margin-left:27px;
  width: 85px;
}

.productList a {
  color:#f78a95;
  display:block;
  overflow:visible;
}

.productList li img {
  float:right;
  margin-left:-50px;
  margin-right:5px;
  margin-top:4px;
}

body.faceCare .productList li img {
  float:right;
  margin-left:-100px;
  margin-right:5px;
  margin-top:4px;
}

/* -------------------------- Product page --------------------------*/

div#topContent
{
    _height: 1%;
    overflow: hidden;
}

/* 
    CBW 
    - not particular happy with the IE6 underscore hacks in div.relatedProduct, 
    borne out of necessity due to unnecessary floating / non-semantic markup 
*/
div.relatedProduct
{
    position: relative;
	_position: auto; 
   	float: right;
    width: 370px;
    background: url('/img/relatedProducts/relatedProductBackground_v2.png') no-repeat top right;
    
    padding-top: 16px;
    height: 90px;
    color: #85A9D5;
    margin-bottom: 40px;
    margin-right:49px;
	_margin-right: 24px;
    margin-top: 44px;
}
div.relatedProduct p
{
    color: #f78a95;
     padding-left: 24px;
}

div.relatedProduct a
{
    color: #f78a95;
    font-size: 1.2em;
    line-height: 1.1em;
    font-weight: bold;
    display: block;
    margin-top: -30px;
    
    padding-right: 120px;
    position: absolute;
    z-index: 2;
    
    padding-left: 30px;
    height: 51px;
    padding-top: 34px;
    margin-left: -30px;
   
}
div.relatedProduct a:hover
{
    text-decoration: none;
}
div.relatedProduct a img
{
    position: absolute;
    padding-left: 9px;
    padding-top: 2px;
}
div.relatedProductImage
{
    position: absolute;
    top: 0px; right: 0px;
    z-index: 1;
    
}

body.faceCare .productImage {
  float:right;
  margin-right:0px;
  margin-top:295px;
  margin-bottom:20px;
  margin-left:-11px;
}

.productImage {
  float:right;
  margin-right:15px;
  margin-top:130px;
  margin-bottom:20px;
  margin-left:-30px;
}

.productBack {
  display:block;
  height:44px;
  width:152px;
  text-indent:-1000em;
  background:url(/img/products/back_v2.png) bottom left no-repeat;

  clear:left;  

}

.bodyCare .col1, .facialCare .col1 {
  margin-top:10px;
  width:270px;
  background:url(/img/products/productTextBackground.png) center bottom no-repeat;
}




.bodyCare .col1 h2, .facialCare .col1 h2 {
  margin-bottom:10px;
}

.bodyCare .col2, .facialCare .col2, .bodyCare .col3, .facialCare .col3 { 
  float:left;
  zoom:1;
}


.bodyCare .col2, .faceCare .col2 {
  margin-left:-13px;
}

.whatYouSay {
  background:url(/img/products/whatYouSayBottom2.png) left bottom no-repeat;
  padding-bottom:7px;
  width:368px;  
  float:left;
  margin-left:18px;
  display:inline;
}

.whatYouSay .borderInner {
  background:url(/img/products/whatYouSayTop2.png) left top no-repeat;
  padding:70px 13px 7px 55px;
}

.whatYouSay blockquote {
  background:url(/img/closeQuotes.png) right bottom no-repeat;
  padding-right:32px;
}

.whatYouSayNarrow {
  background:url(/img/products/whatYouSayNarrowBottom2.png) 1px bottom no-repeat;
  padding-bottom:7px;
  width:301px;  
  float:left;
  margin-left: -14px;
}

.whatYouSayNarrow .borderInner {
  background:url(/img/products/whatYouSayNarrowTop.png) left top no-repeat;
  padding:70px 13px 7px 47px;
}

.whatYouSayNarrow blockquote {
  background:url(/img/closeQuotes.png) right bottom no-repeat;
  padding-right:32px;
}

#topTips {
  margin-top:26px;
  background:url(/img/products/topTipsBottom.png) left bottom no-repeat;
  padding-bottom:7px;
  width:300px;
  margin-bottom:20px;
  color:#6b94c6;
  margin-left:-2px;
  float:left;
}

#topTips .borderInner {
  background:url(/img/products/topTipsTop.png) left top no-repeat;
  padding:30px 13px 7px 18px;
}

#topTipsTitle {
  height:0;
  overflow:hidden;
  text-indent: -1000em;
}

#topTips p {
  margin-bottom:0;
}

/* 2nd round bespoke styling */


div.item72 div.relatedProduct, 
div.item48 div.relatedProduct,
div.item49 div.relatedProduct,
div.item50 div.relatedProduct,
div.item40 div.relatedProduct
{
    margin-top: 44px;
}

div.item43 div.relatedProduct
{
    margin-top: 24px;
}
div.item43 div.col2
{
    margin-top: -20px;
}
div.item43 div.relatedProductImage 
{
    right:-24px;
}
div.item43 a.productBack
{
    margin-top: 20px;
}


div.item44 div.relatedProduct
{
    margin-top: 24px;
}
div.item44 div.col2
{
    margin-top: -20px;
}

div.item46 div.relatedProduct
{
    margin-top: 14px;
}
div.item46 div.whatYouSayNarrow
{
    margin-top: -30px;
}

div.item47 div.col2
{
    margin-top: -110px;
}

div.item51 div.relatedProductImage,
div.item50 div.relatedProductImage
{
    top: -12px;
    right: -18px;
}

div.item49 div.relatedProductImage
{
    top: -5px;
}

div.item56 div.relatedProductImage
{
    top: -10px;
}

div.item52 div.whatYouSayNarrow
{
    margin-top: -40px;
}

div.item74 a.productBack
{
    margin-top: 20px;
}

div.item74 img.productImage
{
    margin-bottom: 150px;
}


/* bespoke styling for individual pages 

div.item46 div#ctl00_divWhatYouSay
{
    margin-top: -180px;

}

div.item50 div#ctl00_pnlRelatedProduct
{
    margin-top: -450px;
}

div.item50 div#ctl00_divTip
{
    float: right;
    margin-right: 37px;
    margin-top: -30px;
    margin-bottom: 125px;
}


div.item49 div#ctl00_divTip
{
    margin-top: -181px;
}


div.item72 div#ctl00_divTip
{

}
div.item72 div.relatedProduct
{
    margin-bottom: 0px;
    margin-top: -110px;
}

div.item68 div#ctl00_divTip
{
    margin-top: -20px;
}

div.item48 div.relatedProduct
{
    margin-bottom: 0px;
}
div.item48 div#ctl00_divTip
{
    margin-top: -300px;
}

div.item45 div.relatedProduct
{
    margin-bottom: 20px;
}

div.item45 a.productBack
{
    position: absolute;
}

div.item44 div.relatedProduct
{
    margin-bottom: 0px;
}
div.item44 div#ctl00_divTip
{
    margin-top: -140px;
}

div.item43 div.relatedProduct
{
    margin-bottom: 0px;
}
div.item43 div#ctl00_divTip
{
    margin-top: -182px;
}

div.item40 div#ctl00_divTip
{
}
div.item40 div.relatedProduct
{
    margin-bottom: 0px;
    margin-top: -55px;
}

div.item40 a.productBack
{
    position: absolute;
}

div.item47 div#ctl00_divTip
{
    margin-top: -120px;
}

div.item52 div#ctl00_divWhatYouSay
{
    margin-top: -40px;
}

div.item74  img.productImage
{
    margin: 205px 15px 45px -30px;
}



div.item49 div.relatedProduct
{
    margin-bottom: 0px;
}

*/


/* -------------------------- Video --------------------------*/

.video .slideLayerContent {
  text-align:center;
  width:652px;
}

#videoContainer {
  width:652px;
  height:398px;
  background:url(/img/video/videoBackground.png) top left no-repeat;
  margin-top:15px;
  text-align: left;
  padding-left:5px;
  padding-top:6px;
}

#videoContainer object, #videoContainer embed {
  width:641px;
  height:386px;
}

#watch {
  width:242px;
  height:44px;
  display:block;
  background:url(/img/video/watch.png);
  text-indent:-1000em;
  margin:5px auto;
}

.video #back {
  width:152px;
  height:44px;
  display:block;
  background:url(/img/video/back.png);
  text-indent:-1000em;
  margin:5px auto;
}


/* -------------------------- Terms and conditions --------------------------*/


#terms {
  width:auto;
}

#terms ol, #terms h3 {
  margin-left:20px;
}

#terms ol li {
  margin-bottom:1em;
  list-style-position:outside;
}


/* -------------------------- Contact --------------------------*/

.contact {
  padding-right:40px;
}


.contact h3 {
  margin-bottom:10px;
}

#contactTitle {
  background:url(/img/titleContact.png) top left no-repeat;
  text-indent:-1000em;
  height:90px;
  margin-bottom:20px;
  margin-top:-20px;
}

.contact .policy {
  width:537px;
  font-size:0.8em;
  clear:both;
}

.contact label {
  font-weight:bold;  
}

.contact label span {
  width:10em;
}

.contact label.checkboxLarge {
  margin-left:0;
}

/* -------------------------- Terms and conditions --------------------------*/


#terms {
  width:auto;
  padding-right:50px;
}

#terms ol, #terms h3 {
  margin-left:20px;
}

#terms ol li {
  margin-bottom:0.7em;
}


/* -------------------------- Legal --------------------------*/

.legal {
  padding-right:50px;
}

#legalTitle {
  background:url(/img/titleLegal.png) top left no-repeat;
  text-indent:-1000em;
  height:93px;
  margin-bottom:20px;
  margin-top:-20px;
}


/* -------------------------- Privacy --------------------------*/

.privacy {
  padding-right:50px;
}

#privacyTitle {
  background:url(/img/titlePrivacy.png) top left no-repeat;
  text-indent:-1000em;
  height:104px;
  margin-bottom:20px;
  margin-top:-20px;
}

.privacy ol {
  list-style-position:outside;
  margin-left:1.5em;
  margin-bottom:1em;
}

.privacy address {
  margin-bottom:1em;
}

/* -------------------------- Sitemap --------------------------*/

.sitemap {
  padding-right:50px;
  margin-left:-54px;
}

#sitemapTitle {
  background:url(/img/titleSitemap.png) top left no-repeat;
  text-indent:-1000em;
  height:81px;
  margin-bottom:20px;
  margin-top:-20px;
}

.sitemap a {
  color:#999;
  text-decoration:underline;
}

.sitemap a:hover {
  text-decoration:none;
}

.sitemap ul {
  font-weight:bold;
  padding-left:15px;
  line-height:1.5em;
}

.sitemap ul ul {
  font-weight:normal;
  padding-top:5px;
  padding-left:30px;
  padding-bottom:10px;
}
/* -------------------------- Tooltip Jquery --------------------------*/
.tooltip {
	display:none;
	background:transparent url(/img/bg/tooltipBG.png) 15px 15px no-repeat;
	font-size:9px;
	height:70px;
	width:245px;
	padding:25px;
	color:#999;
	text-align:left;
}