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

body,td,th {font-family: Arial, Helvetica, sans-serif; color: #000000;  /*font-size: 10px;*/ }
/*comment font size out when uploading to site*/
img {border: 0px;}

/* ----------------------------------- background -------------------------------*/

body#background {background:#f4f7f8 url('/shop/assets/images/gen/background.jpg') repeat fixed top center}
#border {border-right: 20px solid #FFF; border-left: 20px solid #FFF; border-bottom: 20px solid #FFF;      border-top: 5px solid #FFF; background: #FFF;  webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);}

/* ----------------------------------- links -------------------------------*/

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/* standard links black */
a.link_stnd_blk:link {font-size: 1.1em; color:#000;}
a.link_stnd_blk:visited {font-size: 1.1em; color:#000;}
a.link_stnd_blk:hover {font-size: 1.1em; color:#000; text-decoration:underline;}
a.link_stnd_blk:active {font-size: 1.1em; color:#000;}

/* stand alone standard links */
a.link_stnd_sa:link { font-size: 1.1em; color:#ec008c;}
a.link_stnd_sa:visited {font-size: 1.1em; color:#ec008c;}
a.link_stnd_sa:hover {font-size: 1.1em; color:#ec008c; text-decoration:underline;}
a.link_stnd_sa:active {font-size: 1.1em; color:#ec008c;}

/* links within standard text styles */
a.link_stnd:link {font-size: 1em; color:#ec008c;}
a.link_stnd:visited {font-size: 1em; color:#ec008c;}
a.link_stnd:hover {font-size: 1em; color:#ec008c; text-decoration:underline;}
a.link_stnd:active {font-size: 1em; color:#ec008c;}

/* ----------------------- home page  -------------------------*/

#cgry2_welc-text {width: 825px; margin: 20px 5px 0px 5px;}

#slideshow {width: 835px; height: 290px; position:relative;}
#slideshow ul {margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */}
#slideshow ul:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} 
#slideshow .slides {overflow: hidden; width: 835px;}
#slideshow .slides ul {/* total width of all slides*/ width: 2505px;}
#slideshow .slides li {width: 835px; position:absolute; top: 0; left: 0;}
#shadow {z-index:8; position:absolute; top: 0; left: 0;}
#tab {z-index:8; position:absolute; top: 252px; left: 0;}
.border {z-index:8; position:absolute; top: 0; left: 0; width: 833px; height: 288px; border: 1px solid #d5d5d5;}
#slidecontrols {z-index: 9; position:absolute; bottom: 3px; left: 379px;}
#slidecontrols ul {margin: 0px; padding: 0px; list-style:none;}
#slidecontrols li {margin: 3px; float:left;}
#slidecontrols li a {display:block; background: #191e20; padding: 6px; line-height: 6px; color: #fff; font-size: 1.1em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
.js #slideshow #slidecontrols li.on, .js #slideshow #slidecontrols li.on a {background: #ec008c;}

/* -----------------------  landing page  -------------------------*/

/* generic */
#wrapper_landing {width: 835px;}
.clearer {clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0;}
.mousefade1 {position: absolute; left: 0; top: 27px; z-index: 2;} /* span classes for jquery mouseover fade */
.mousefade2 {position: absolute; left: 0; top: 27px;} /* span classes for jquery mouseover fade */

/* text styles */
.new-standard-text-black {font-size: 1.1em; color:#000000; font-weight:normal;}
h2.cgry_heading-white {font-size: 1.3em; color:#fff; font-weight:bold; margin: 0px; padding: 0px;}
p.welcome-text { margin: 0px; padding: 0px; font-size: 1.1em; color:#000; font-weight:normal; }

/* banners */
#cgry2_banner_horz {margin-top: 20px; float:left; width: 835px;}
#cgry2_banner_horz #hmpg2_halfbanner1 {width: 407px; float:left;}
#cgry2_banner_horz #hmpg2_halfbanner2 {width: 407px; float:left; margin-left: 21px;}

/* main focus */
#cgry2_mainfocus {width: 835px; height: 290px; float:left;}
.cgry2_head-wrapper {width: 835px; border-bottom: #999 1px solid; float:left; margin-top: 20px;}
.cgry2_heading { height: 27px; float:left; clear:both; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */ }
.cgry2_heading .cgry2_heading-inner {margin: 6px 0px;}
.cgry2_heading h2 {color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; padding: 0 .75em; margin: 0; display:inline; }
img.sub-heading-arrow {margin-left: 10px;}

/* 3-way Offers */
#hmpg2_mainfocus-wrap { width: 835px; height: 290px; float:left; }

#hmpg2_welc-text { width: 825px; margin: 20px 5px 0px 5px; }
.hmpg2_offers-row { margin-top: 20px; float:left; width: 835px; height: 195px }
.hmpg2_offers-row .hmpg2offer-left { float:left; width: 267px; margin-right: 21px; position:relative; }
.hmpg2_offers-row .hmpg2offer-right { width: 267px; float:right; position:relative; top:-26px }
.hmpg2_offers-row .hmpg2offer-head { height: 27px; width: 267px; float:left; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */ }
.hmpg2_offers-row .hmpg2offer-head .hmpg2offer-head-inner { margin: 6px 0px; }
.hmpg2_offers-row .hmpg2offer-head h2 { font-size: 12px; display:inline; font-weight:normal; padding: 0 .50em; margin: 0; }
.hmpg2_offers-row .hmpg2offer-img { float:left; }

#hmpg2_txtoffers { float:left; width: 835px; background:#e3e8ea;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e8ea', endColorstr='#d2d7d9'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e3e8ea), to(#d2d7d9)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #e3e8ea,  #d2d7d9); /* for firefox 3.6+ */ }
#hmpg2_txtoffers .hmpg2_txtofferleft { height: 35px; background:url(../../Resources/Site%20design%20and%20pages/site%20redesigns/2011%20-%20June%20new%20landing%20page%20idea/images/txtoffer-vertdivide.gif) right repeat-y; border-bottom: #d2d7d9 solid 1px; float:left; width: 418px; }
#hmpg2_txtoffers .hmpg2_txtofferright { height: 35px; border-bottom: #d2d7d9 solid 1px; float:left; width: 417px; }
#hmpg2_txtoffers .hmpg2_txtoffers-inner { margin: 10px 0px; }
#hmpg2_txtoffers h2 { font-size: 1.05em; display:inline; font-weight:normal; padding: 0 1.25em; margin: 0; }
a.hmpg2_txtofferlink { color: #000; margin-left: .50em; }

.hmpg2_cats { margin-top: 20px; float:left; width: 835px; }
.hmpg2_catheader { height: 27px; float:left; width: 194px; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */ }
.hmpg2_catheader .hmpg2_catheader-inner { margin: 6px 0px; }
.hmpg2_catheader h2 { font-size: 12px; display:inline; font-weight:normal; padding: 0 .50em; margin: 0; }
.hmpg2_cats .hmpg2_category1, .hmpg2_category3 { width: 194px; float:left; margin-right: 20px; position:relative;  }
.hmpg2_cats .hmpg2_category2 { width: 194px; float:left; margin-right: 19px; position:relative; }
.hmpg2_cats .hmpg2_category4 { width: 194px; float:left; position:relative; }
.hmpg2_category1 div, .hmpg2_category2 div, .hmpg2_category3 div, .hmpg2_category4 div { float:left; }
.hmpg2-description { margin:10px 5px 0px 5px; float:left; padding-top:130px; font-size: 1.1em; }

#hmpg2_banner_horz { margin-top: 20px; float:left; width: 835px; }
#hmpg2_banner_horz #hmpg2_halfbanner1 { width: 407px; float:left; }
#hmpg2_banner_horz #hmpg2_halfbanner2 { width: 407px; float:left; margin-left: 21px; }

.hmpg2_head-wrapper { width: 835px; border-bottom: #999 1px solid; float:left; margin-top: 20px; }
.hmpg2_heading { height: 27px; float:left;  background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */ }
.hmpg2_heading .hmpg2_heading-inner { margin: 6px 0px; }
.hmpg2_heading h2 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; padding: 0 .75em; margin: 0; display:inline;  }
.hmpg2_head-wrapper img.sub-heading-arrow { margin-left: 10px; }

/* offers */
.cgry2_offer-row {margin-top: 20px; float:left; height: 195px; width: 835px;}
.cgry2_offer-row .cgry2_offerleft {width:267px; float:left; margin-right: 21px; position:relative;}
.cgry2_offer-row .cgry2_offerright {width:267px; float:right; position:relative; top:-26px}
.cgry2_offer-row .cgry2_offer-head {height: 27px; width:267px; float:left; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */}
.cgry2_offer-row .cgry2_offer-head-inner {margin: 6px 0px;}
.cgry2_offer-row .cgry2_offer-head h2 {font-size: 12px; display:inline; font-weight:normal; padding: 0 .50em; margin: 0;}
.cgry2_offer-row .cgry2_offer-img {float: left;}

/* text links */
#cgry2_txtoffers {float:left; width: 835px; background:#e3e8ea;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e8ea', endColorstr='#d2d7d9'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e3e8ea), to(#d2d7d9)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #e3e8ea,  #d2d7d9); /* for firefox 3.6+ */}
#cgry2_txtoffers .cgry2_txtofferleft {height: 35px; background:url(../../Resources/Site%20design%20and%20pages/site%20redesigns/2011%20-%20June%20new%20landing%20page%20idea/images/txtoffer-vertdivide.gif) right repeat-y; border-bottom: #d2d7d9; border-bottom: #d2d7d9 solid 1px; float:left; width: 418px; }
#cgry2_txtoffers .cgry2_txtofferright {height: 35px; border-bottom: #d2d7d9 solid 1px; float:left; width: 417px; }
#cgry2_txtoffers .cgry2_txtoffers-inner {margin: 10px 0px;}
#cgry2_txtoffers h2 {font-size: 1.05em; display:inline; font-weight:normal; padding: 0 1.25em; margin: 0;}
a.cgry2_txtofferlink {color: #000; margin-left: .50em;}

/* as advertised on tv */
#cgry2_tv-wrapper {width: 835px; float:left; background:#e3e8ea;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e8ea', endColorstr='#d2d7d9'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#e3e8ea), to(#d2d7d9)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #e3e8ea,  #d2d7d9); /* for firefox 3.6+ */}
#cgry2_tv-wrapper #cgry2_tv {padding: 10px;}
#cgry2_tv-wrapper #cgry2_tv #cgry2_tv-left {float:left; margin-right: 10px;}
#cgry2_tv-wrapper #cgry2_tv #cgry2_tv-right {float:left; width: 232px;}
#cgry2_tv-wrapper #cgry2_tv #cgry2_tv-right h3 {font-size: 1.1em; font-weight:normal; font-weight:bold; padding: 0; margin: 0; color: #000;}

/* categories*/
.cgry2_cats {margin-top: 20px; float:left; width: 835px;}
.cgry2_cats .category1, .category3 {width: 194px; float:left; margin-right: 20px; position:relative; }
.cgry2_cats .category2 {width: 194px; float:left; margin-right: 19px; position:relative;}
.cgry2_cats .category4 {width: 194px; float:left; position:relative;}
.category1 div, .category2 div, .category3 div, .category4 div {float:left;}
.cgry2-description {margin:10px 5px 0px 5px; float:left; padding-top:123px; font-size: 1.1em;}
.cat2header {height: 27px; float:left; width: 194px; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */}
.cat2header .cat2header-inner {margin: 6px 0px;}
.cat2header h2 {font-size: 12px; display:inline; font-weight:normal; padding: 0 .50em; margin: 0;}
a.header2 {color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 0.50em;}

/* top rated */
#cgry2_toprated {float:left; width: 835px; margin-top: 20px;}
#cgry2_toprated #toprated-prod {float:left; margin-right: 20px; width: 165px;}
#cgry2_toprated #topratedcontent {margin: 20px 20px 5px 20px; float:left; width: 610px;}
#cgry2_toprated #topratedcontent h3 {font-size: 1.1em; font-weight:normal; font-weight:bold; padding: 0; margin: 0; color: #000;}
.cgry2price {color: #ec008c; font-weight:bold; font-size: 1.1em; margin: 0 0 5px 0; padding: 0;}

/* top sellers */
#cgry_topsellers {width: 673px; float:left;} 
#cgry_topsellers #topsellers-content {float:left; padding: 0px 5px; width: 663px;}
.cgry2_topseller {margin-top: 10px;}
.cgry2_topseller h3 {color: #000; font-size: 1.1em; font-weight:normal; margin: 0; padding: .25em; cursor:pointer;}
.cgry2_topseller div {padding: .5em .25em; float:left; margin: 0; width: 100%;}
.topseller-rightarrow, .topseller-downarrow {margin: 0px 0px -1px 5px;}

/* ----------------------- your causes - landing  ------------------------------ */

#causes2_header {float: left; width: 673px;}
.causes2_section {width: 673px; margin-top: 20px; float:left; padding-bottom: 20px; border-bottom: dotted 2px #ec008c;}
.causes2_section .causes2_section-image {float:left; margin-right: 20px; width: 300px; height: 250px;}
.causes2_section .causes2_section-text {float:left; width: 353px; height: 250px; line-height: 18px; }
.causes2_section .causes2_section-text h2 {font-size: 18px; margin: 0px; padding: 0px;}
.causes2_section .causes2_section-text p {font-size: 12px;}
.causes2_section .causes2_section-text a {text-decoration:underline;}
h2.breakthrough {color: #ec008c;}
h2.dv {color:#69F;}
h2.thankyou {color:#FF80BF;}

/* ----------------------- your causes - breast cancer landing  ----------------------- */

#bc {padding:5px 0 0 0; margin:5px 0 0 0; clear:both}
#bc h2 {color: #ec008c; font-size:large;}
#bc img {float:left; margin-right: 20px;}
#bc img#partners {float:left; margin:0 0 10px 0; padding:0}
#bc p {font-size:12px;}
#bc a {text-decoration:underline}
#bc a:hover {text-decoration:none}

/* ----------------------- your causes - domestic violence landing ------------------------------ */

#dv {padding:5px 0 0 0; margin:5px 0 0 0; clear:both}
#dv h2 {color:#69F; font-size:large;}
#dv img {float:left; margin-right: 20px;}
#dv img#partners {float:left; margin:0 0 10px 0; padding:0}
#dv p {font-size:12px;}
#dv a {text-decoration:underline}
#dv a:hover {text-decoration:none}

/* ----------------------- your causes - avon says thankyou landing ----------------------------- */

#thanks {padding:5px 0 0 0; margin:5px 0 0 0; clear:both}
#thanks h2, #thanks .pink {color:#FF80BF; font-size:large;}
#thanks img {float:left; margin-right: 20px;}
#thanks img#partners {float:left; margin:0 0 10px 0; padding:0}
#thanks p {font-size:12px;}
#thanks a {text-decoration:underline}
#thanks a:hover {text-decoration:none}
#thanks #gifts img {margin: 0 20px 0 20px}
#thanks #gifts p {float:left; margin: 0 20px 0 20px;}
#thanks #gifts p#pin {width:172px}
#thanks #gifts p#hamper {width:127px}
#thanks #gifts p#trip {width:251px}
#thanks #link {margin-left:20px}

/* ----------------------- media loves page ------------------------------ */

.cgry2_offer-row1 {margin-top: 20px; float:left; height: 207px;}
.cgry2_offer-row1 .cgry2_offerleft1 {width: 407px; float:left; margin-right: 21px; position:relative;}
.cgry2_offer-row1 .cgry2_offerright1 {width: 407px; float:left; position:relative;}
.cgry2_offer-row1 .cgry2_offer-head1 {height: 27px; width: 407px; float:left; background:#000;/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #383838,  #000); /* for firefox 3.6+ */ }
.cgry2_offer-row1 .cgry2_offer-head-inner1 {margin: 6px 0px;}
.cgry2_offer-row1 .cgry2_offer-head1 h2 {font-size: 12px; display:inline; font-weight:normal; padding: 0 .50em; margin: 0;}
.cgry2_offer-row1 .cgry2_offer-img1 {float: left;}

/* ----------------------- flawless pages  ------------------------------ */

#flawless-wrapper {width:835px;}
#flawless-wrapper a {color: #EC008C;}
#flawless-wrapper h1 {color: #11181C; font-family: Georgia,"Times New Roman",Times,serif; font-size: 23px; margin:10px 0 0 0}
#flawless-wrapper #left-col {float:left; width:604px; margin:0 20px 0 0 ; border-right:1px solid #DEDEDE; font-size:12px; padding-right:20px;}
#flawless-wrapper #left-col img {margin-right:15px; margin-bottom:20px}
#flawless-wrapper .smaller {font-size:9px}
#flawless-wrapper #offer {background:#fbebf4; width:559px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 20px; color: #11181C; padding:20px; clear:both; margin-bottom:20px;}
#flawless-wrapper #offer img {margin:0}
#flawless-wrapper #right-col {float:right; width:190px; font-size:1.1em; text-align:center;}
#flawless-wrapper table {margin:0 0 15px 0;}
#flawless-wrapper #right-col strong {font-size:1.1em}
#flawless-wrapper #blog {margin-top:5px; border-bottom:1px solid #ec008c;}
#flawless-wrapper .feature_head {border-bottom: 1px solid #EC008C; mmargin:20px 0 10px 0; padding-bottom: 5px; padding-top: 10px; text-align:left}
#flawless-wrapper .feature_head_text {background-color: #EC008C; color: #FFF; display: inline;  font-family: Georgia,Georgia,"Times New Roman",Times,serif; font-size: 17px; font-style: normal; font-weight: normal;  padding: 5px 10px; text-align:left; width:125px;}
#flawless-wrapper .rss-items {list-style:none;}
#flawless-wrapper .rss-item {padding: 0px 0px 2px 0px; text-align:left; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal;  line-height: 16px;  list-style-image: url("http://www.avon.uk.com//PRSuite/static/images/2011/menu_icon/arrow_new.png")}
#flawless-wrapper .rss-item a {font-weight:bold;}
#flawless-wrapper .rss-items, #flawless-wrapper .rss-item {padding:0 0 2px 6px; margin:0 0 2px 6px;}
#flawless-wrapper .line {border-top:1px solid #DEDEDE; margin:20px 0 20px 0; clear:both}

/* ----------------------- 3rd party landing  ------------------------------ */

#thirdparty-wrapper {width:685px;}
#thirdparty-wrapper .left-col {float:left; width:471px; margin-top:10px}
#thirdparty-wrapper .right-col {float:right; width:203px; margin-top:10px; font-size:1.1em}
#thirdparty-wrapper .right-col strong {font-size:1.1em}
#thirdparty-wrapper .content-box {background:#eef3f6;	width:471px; margin-bottom:13px; height:188px}
#thirdparty-wrapper .content-box a {text-decoration:underline}
#thirdparty-wrapper .content-box a:hover {text-decoration:none}
#thirdparty-wrapper .content-box h1 {text-transform:uppercase; font-family:"Times New Roman", Times, serif; 
font-size:2.7em; font-style:italic;	font-weight:bold; margin:0 0 0 15px; padding:15px 0 0 0; line-height:1em}
#thirdparty-wrapper .content-box .orange {color: #db8a7b;}
#thirdparty-wrapper .content-box .blue {color: #437eb7;}
#thirdparty-wrapper .content-box .link {color: #437eb7; font-size:x-small}
#thirdparty-wrapper .content-box img#mar-left {margin:0 0 0 10px}
#thirdparty-wrapper .content-box img#mar-right {margin:0 13px 0 0}
#thirdparty-wrapper .content-box p {font-size:1.5em; margin:7px 15px 15px 15px;	color: #000000;}
#thirdparty-wrapper .left-col .content-box .smaller {font-size: x-small;}
#thirdparty-wrapper .content-box p#blue {color:#437eb7; font-size: small}
#thirdparty-wrapper .content-box h1#claim {color:#440300;}
#thirdparty-wrapper .content-box h1#win {color:#0c345c;}

/* ----------------------- genics landing ------------------------------ */

.subh1 {color: #EC008C; font-family: "Times New Roman",Times,serif; font-size: 34px; font-style: italic;  font-weight: bold;  letter-spacing: -1px; margin: 15px 0 10px 3px;padding: 0;}
.subh3 {color: #11181C; font-family: "Times New Roman",Times,serif; font-size: 21px; font-style: italic; font-weight: normal; margin: 15px 0 6px 1px;  padding: 0;}

/* ----------------------- Connect with a Rep  ------------------------------ */

#CR-wrapper { width: 835px; }
#CR-introtxt { margin: 10px 0px 20px 0px; }
#CR-introtxt p { font-size: 1.2em; line-height: 1.3em; }
#CR-step-wrapper { float:left; margin-top: 5px; }
#CR-step-wrapper .CR-steps { float:left; width: 254px; }
#CR-step-wrapper .CR-steps .CR-stepintro { text-align:center; height: 100px; }
#CR-step-wrapper .CR-steps .CR-stepintro h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#ec008c; font-weight:normal; font-size:2.5em; }
#CR-step-wrapper .CR-steps .CR-stepintro p { font-size: 1.2em; line-height: 1.3em; }

h1.CR-heading { font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-weight:normal; font-size:3.2em; }

/* ----------------------- hair colourants page - not used currently------------------------------ */

.greycell {background:#CCC; color:#000; font-size: 10px; vertical-align:bottom; width: 44px; padding: 3px; text-align:center;}
.haircell {background:#fff; vertical-align:bottom; width: 50px; padding: 0px;}
.haircolourcell {background:#CCC; color:#000; font-size: 11px; vertical-align:bottom; padding: 3px;}
.blondcell {background:#FC0; color:#fff; font-size: 11px; font-weight: bold; vertical-align:bottom; padding: 3px;}
.browncell {background:#630; color:#fff; font-size: 11px; font-weight: bold; vertical-align:bottom; padding: 3px;}
.redcell {background:#9F0000; color:#fff; font-size: 11px; font-weight: bold; vertical-align:bottom; padding: 3px;}
.blackcell {background:#000; color:#fff; font-size: 11px; font-weight: bold; vertical-align:bottom; padding: 3px;}