@charset "utf-8";
/* CSS Document */

body {font-size: 62.7%;  }
.prodPop {display: none; width: 580px; padding-top: 5px; background: transparent url(/images/skintool/bg_prod_popup.png) no-repeat top left; position: absolute; left: 160px; top: 450px; z-index: 50; }
.prodPop .popClose { position: absolute; right: 3px; top: 0px; }
.prodPop .popInfo { padding: 15px 15px 30px; background: transparent url(/images/skintool/bg_prod_popup_base.png) no-repeat bottom left; }
.prodPop .popImg { width: 200px; float: left; margin-right: 20px; }
.prodPop .largeImg { display: block; margin: 0 auto; }
.prodPop .popInfoCopy { width: 300px; float: left; }
.prodPop .prodAddCTA { margin-top: 40px; display: block; background: url(/images/skintool/btn_AddToBag2.gif) no-repeat top left; width: 119px; height: 32px; margin-right: 0px; }
.prodPop .prodAddCTA:hover { background: url(/images/skintool/btn_AddToBag2.gif) no-repeat left bottom !important; }
.prodPop .prodAddCTA span { display: block; text-indent: -9999px; }
.prodPop p.prodQty,
.prodPop .formQty { width: 20px; float: left; margin-right: 10px !important; }

/*[03] Results =======================================
====================================================*/
#scResults {margin: 53px 0 0 147px;}
#scResults p.clear { height: 1px; clear: both; }
#scResultsHeader { height; 606px; height: 202px; background: transparent url(/images/skintool/bg_results_header.jpg) no-repeat top left; margin-bottom: 10px; }
#scResultsHeader h1 { display: block; text-indent: -9999px; }
#scStatusBar { position: relative; width: 606px; height: 27px; padding-top: 0px; background: transparent url(/images/skintool/bg_status_bar.gif) no-repeat top left; margin-bottom: 10px; }
#scStatusBar img  { float: left; }
#scStatusBar #startAgain { position: relative; top:7px; font-size: 1.2em; color: #f59143; float: right; margin: 0 10px; display: block; font-weight: bold; height: 15px; width: 91px; background: transparent url(/images/skintool/btn_startagain.gif) no-repeat top left; }
#scStatusBar a span { display: block; text-indent: -9999px; }
#scResults .clear { margin: 0; height: 1px; border-left: 1px solid #e5e5e5; clear: both; }
#resultsBox { width: 607px; font-family: Arial,Helvetica, sans-serif;  }
#scResults a:focus { outline: none; }
#resultsBox .top { height: 5px; background: transparent url(/images/skintool/bg_resultsBox_top.gif) no-repeat top left; }
#resultsBox .body { border-right: 1px solid #e5e5e5;}
#resultsBox .base { height: 5px; background: transparent url(/images/skintool/bg_resultsBox_base.gif) no-repeat top left;}
#resultsBox .item { width: 161px; padding: 0px 20px; float: left; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #525254; height: 515px; }
#resultsBox .last { border-bottom: none; }
#resultsBox .problem_solvers { display: none; border-bottom: none; }
#resultsBox h4.prodType { color: #f59143; margin: 20px 0 15px; font-size: 1.9em; width: 161px; height: 23px; }
#resultsBox h4 span { display: block; text-indent: -9999px; }
#resultsBox .imgWrap { width: 161px; height: 131px; }
#resultsBox .imgWrap td { height: 101px; vertical-align: middle; text-align: center; }
#resultsBox img.prodImg { margin: 15px 0;}
#resultsBox .sppLink { position: relative; height: 131px; width: 161px; display: block; text-decoration: none;}
#resultsBox .sppLink span { display: none; position: absolute; background-color: #FFF; border: 1px solid #e5e5e5; top: 50px; left: 45px; padding: 5px;font-weight: bold; text-decoration: none; opacity: 0.8; }
#resultsBox .sppLink:hover span { display:block; }
#resultsBox p {font-size: 1.1em; margin: 3px 0;}
#resultsBox p strong { font-weight: normal; }
#resultsBox p.prodTitle, 
#resultsBox p.prodSize,
#resultsBox p.prodPrice,
#resultsBox p.prodQty { font-weight: bold; }
#resultsBox p.prodSize { float: right; }
#resultsBox p.prodPrice{ float: left; }
p.prodDesc { padding-bottom: 5px; border-bottom: 1px dotted #e5e5e5; margin-bottom: 5px; }
#resultsBox p.prodPer100 { font-size: 1em; clear: both; }
#resultsBox .addCTA * { float: left }
#resultsBox .addCTA .formQty { width: 14px; height: 14px; border: 1px solid #b2b2b3; padding: 3px 5px; margin-left: 5px; text-align: center;}
#resultsBox a.detailCTA { text-decoration: underline; color: #525254; clear: both; display: block; padding-top: 10px;}
#resultsBox a.detailCTA:hover { color: #f59143; }
#resultsBox a.prodFavCTA { display: block; margin-top: 10px; width: 119px; height: 26px; background: transparent url(/images/skintool/btn_AddToFav.gif) no-repeat top left; }
#resultsBox a.prodFavCTA span { display: block; text-indent: -9999px; }

#scCTABar { margin-top: 10px; width: 607px; }
#scCTABar #btnBuyAll { background: url(/images/skintool/btn_buyall.gif) no-repeat top left;} 
#scCTABar #btnPrint { background: url(/images/skintool/btn_print.gif) no-repeat top left; }
#scCTABar #btnAddToBag { background: url(/images/skintool/btn_AddToBag.gif) no-repeat top left; width: 286px; margin-right: 0px; }
#scCTABar #btnOtherRecommendations { background: url(/images/skintool/btn_otherrecommendations.gif) no-repeat top left;  margin-top: 10px; height: 11px; width: 192px; margin-right: 0px;  }
#scCTABar #btnOtherRecommendations:hover {background: url(/images/skintool/btn_otherrecommendations.gif) no-repeat bottom left; }
#scCTABar #btnBackToResults { display: none; margin-top: 10px; display: block; background: url(/images/skintool/btn_BackToResults.gif) no-repeat top left; width: 126px; height: 11px; }
#scCTABar #btnBackToResults:hover { background: url(/images/skintool/btn_BackToResults.gif) no-repeat bottom left;}

#scCTABar a { height: 41px; width: 149px; float: left; display: block; margin-right: 10px; }
#scCTABar a:hover { background-position: bottom left !important;} 
#scCTABar a:focus { outline: none; }
#scCTABar span { display: block; text-indent: -9999px; }


#CLEANSER h4 { background: transparent url(/images/skintool/h4_cleanser.gif) no-repeat top left; }
#FACIALSCRUB h4 { background: transparent url(/images/skintool/h4_facialscrub.gif) no-repeat top left; }
#TONIC h4 { background: transparent url(/images/skintool/h4_tonic.gif) no-repeat top left; }
#SERUM h4 { background: transparent url(/images/skintool/h4_serum.gif) no-repeat top left; }
#MOISTURISER h4 { background: transparent url(/images/skintool/h4_moisturiser.gif) no-repeat top left; }
#EYECARE h4 { background: transparent url(/images/skintool/h4_eyecream.gif) no-repeat top left; }
#FACEMASK h4 { background: transparent url(/images/skintool/h4_facialmask.gif) no-repeat top left; }
#NIGHTCARE h4 { background: transparent url(/images/skintool/h4_nightcare.gif) no-repeat top left; }
#SPOTREMOVER h4 { background: transparent url(/images/skintool/h4_spotremover.gif) no-repeat top left; }

.bvRRtxt { font-size:9px; line-height:12px;}