p, h4 {
    margin-bottom:15px;
}

#productsPageWrap {
    padding:18px 0 30px 18px;
}

#productsPageWrap p {
    font-size:1.1em;
    color:#727272;
}

.productsNavWrap {
    width:220px;
    float:left;
    margin-right:24px;
}

#productsContentWrap {
    width:665px;
    float:left;
}

h2 {
    background:url(../images/products/headingDivider.gif) no-repeat bottom left;
}

h2, h3 {
    height:12px;
    padding:0 0 7px 5px;
    margin-bottom:8px; 
}

h2 span, h3 span {
    text-indent:-9999px;
    width:130px;
    height:11px;
    display:block;
    overflow:hidden;
}

h2#headingYourSkinRoutine span {
    background:url(../images/products/headingYourSkinRoutine.gif) no-repeat;
}

.mensActive h2#headingYourSkinRoutine span {
    background-position:0 -11px;
}

h2#headingProductRanges span {
    background:url(../images/products/headingProductRanges.gif) no-repeat;
}

.mensActive h2#headingProductRanges span {
    background-position:0 -11px;
}

h3#headingRewardLevels span {
    background:url(../images/products/headingRewardLevels.gif) no-repeat;
}

.mensActive h3#headingRewardLevels span {
    background-position:0 -12px;
}

h1#headingProductsAndRewards {
    width:328px;
    height:25px;
    text-indent:-9999px;
    background:url(../images/products/headingProductsAndRewards.gif) no-repeat;
    margin-bottom:7px;
    overflow:hidden;
    float:left;
}

.mensActive h1#headingProductsAndRewards {
    background-position:0 -25px;
}

#headerWrap {
    position:relative;
    margin-bottom:5px;
}

.HR {
    width:100%;
    float:left;
    height:1px;
    overflow:hidden;
    background:#f2f2f2;
}

.BTNFindOutMore {
    width:114px;
    height:21px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/products/BTNFindOutMore.gif) no-repeat;
}

.mensActive .BTNFindOutMore {
    background-position:0 -22px;
}

.TXTSearch {
    width:222px;
    height:23px;
    float:right;
    background:url(../images/products/searchBg.jpg) no-repeat top left;
    position:relative;
    top:-5px;
}

.TXTSearch input {
    width:189px;
    float:left;
    font-size:1.1em;
    font-family:Verdana;
    border:0;
    margin:5px 0 0 7px;
}

.linkTXTSearch {
    width:23px;
    height:23px;
    display:block;
    margin:0 !important;    
}


/** 
******************** Homepage *******************/

#homePromo {
    width:661px;
    height:392px;
    position:relative;
    background:url(../images/products/homePromoFemale_july.jpg) no-repeat;
    margin:10px 0 15px 0;
}
.mensActive #homePromo {
    background:url(../images/products/homePromoMale_june.jpg) no-repeat;
}

#homePromo a {
    display:block;   
    position:absolute;
    text-indent:-999px;
    overflow:hidden;
}

.womensActive #homePromo a {
     width:329px;
    height:350px;
    top:32px;
    left:304px;
}

.womensActive #homePromo a#2 {
     width:129px;
    height:350px;
    top:32px;
    left:304px;
}
.mensActive #homePromo a {
    width:329px;
    height:350px;
    top:32px;
    left:304px;
}

.subProduct {
    width:213px;
    min-height:116px;
    height:auto !important;
    height:116px;
    padding:20px 8px 14px 0;
    border-right:1px solid #f4f4f4;
    background:#fafafa url(../images/products/subProductBg.jpg) repeat-x;
    float:left;
}

.subProduct h4 {
    color:#49A8E2;
    font-size:1.1em;
    margin-bottom:5px;
}

.mensActive .subProduct h4 {
    color:#E92012;
}

#subProducts .last {
    border-right:none;
}

* html #subProducts {
    margin-top:-15px;
}

.subProduct .productImage {
    width:68px;
    min-height:125px;
    height:auto !important;
    height:125px;
    text-align:center;
    float:left;
}

/** 
******************** Listing page *******************/

.pointsPanel {
    width:165px;
    height:70px;
    float:right;
    margin:3px 0 5px 0;
    padding:17px 0 0 67px;
    background:url(../images/products/pointsPanelBg.jpg) no-repeat;
}

.pointsPanel h5 {
    font-size:1.2em;
    margin-bottom:3px;
}

.pointsPanel h5, .pointsPanel p, .pointsPanel p span {
    color:#ffffff !important;
    font-weight:bold;
}

.pointsPanel a {
    width:157px;
    height:52px;
    display:block;
    background:url(../images/products/headingBecomeMember.png) no-repeat;
    text-indent: -9999px; overflow: hidden;
}

* html .pointsPanel a {
    cursor:pointer;
    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/products/headingBecomeMember.png", sizingMethod="crop");
}

.mensActive .pointsPanel {
    background-position:0 -87px;
}

.productPanel, .productPanelAlt {
    width:305px;
    min-height:162px;
    height:auto !important;
    height:162px;
    float:left;
    padding:13px 15px 5px 0;
    margin:20px 18px 0 0;
    background:#fafafa url(../images/products/productPanelBg.jpg) repeat-x;
    border:1px solid #f8f8f8;
}

#relatedProducts .productPanel, #relatedProducts .productPanelAlt {
    background:none;
    border:1px solid #ffffff;
}

.productPanelAlt {
    margin:20px 0 0 0;
}

.productPanel p, .productPanelAlt p {
    margin-bottom:12px;
}

.productPanel .productImage, .productPanelAlt .productImage {
    width:110px;
    min-height:160px;
    height:auto !important;
    height:160px;
    text-align:center;
    float:left;
}

.productCopy {
    width:195px;
    float:left;
    color:#49a8e2;
}

.productCopy h5 a {
    text-decoration:underline;
    color:#49a8e2;
}

.mensActive .productCopy h5 {
    color:#e92012;
}

.mensActive .productCopy h5 a {
    text-decoration:underline;
    color:#e92012;
}

#productListing .productCopy h5, #relatedProducts .productCopy h5 {
    margin-bottom:9px;
    font-size:1.2em;
    font-weight:bold;
}

.productCopy span.rewardLevel {
    color:#49a8e2;
}

.mensActive .productCopy span.rewardLevel {
    color:#e92012;
}

#headingRelatedProducts {
    width:163px;
    height:12px;
    line-height:0 !important;
    margin-bottom:20px;
    text-indent:-9999px;
    background:url(../images/products/headingRelatedProducts.gif) no-repeat;
}

.mensActive #headingRelatedProducts {
    background-position:0 -12px;
}

#relatedProducts {
    clear:both;
    margin-top:35px;
    background:url(../images/products/relatedProductsBg.jpg) no-repeat 0 26px;
}

.mensActive #relatedProducts {
    background-position:-660px 26px;
}


/** 
******************** Product details container *******************/

#productDetailContainer {
    width:648px;
    height:300px;
    padding:60px 72px 0 0;
    overflow:auto;
    background:#ffffff url(../images/products/productDetailContainerBg.jpg) no-repeat top right;
}

#productDetailContainer #productImage {
    width:205px;
    text-align:center;
    float:left;
}

#productDetailContainer .productCopy {
    width:420px;
    float:left;
}

#productDetailContainer .productCopy p {
    font-size:1.1em;
}

#productDetailContainer .productCopy h5 {
    font-size:1.6em;
    font-weight:bold;
    padding-bottom:4px;
    margin-bottom:5px;
    text-transform:uppercase;
    color:#49a8e2;
    border-bottom:1px solid #eaeaea;
}

#productDetailContainer .HR {
    width:440px;
}

.mensActive #productDetailContainer .productCopy h5 {
    color:#e92012;
}

#contentPrevious, #contentNext { margin-top:20px; display:block; }
#contentPrevious { float:left; }
#contentNext { float:right; }



/** 
******************** Select list css *******************/

.SLCTCustom {
    width:179px;
    height:21px !important;
    background:url(../images/products/selectBg.jpg) no-repeat;
    padding:1px;
    border:1px solid #dde0e1;
    position:relative;
    margin-bottom:5px;
    display:none;
}

.SLCTCustom ul {
    width:100%;
    position:absolute;
}

.SLCTCustom ul li {
    width:100%;
    list-style-type:none;
    float:left;
}

.SLCTCustom ul li ul {
    background:#f4f4f4;
    display:none;
}

.SLCTCustom ul li a {
    height:18px;
    display:block;
    padding:3px 0 0 5px;
    outline:none;
}

.SLCTCustom ul li ul li a:hover {
    background:#ffffff;
}

#SLCTSkinType {
    width:215px;
    background:url(../images/products/selectWideBg.jpg) no-repeat;
}