/*
 * @Revision: #1 
 * @Owner: eado-nasa-dev@
 * @Description: Contains CSS rules for displaying tabs for product information on the detail page.
 * Copyright (c)2009 Amazon.com, Inc.
 * All rights reserved.
 * @Author: vinit
*/
#featureTabsWrapperDiv {
    clear:both;
    float:left;
    padding-top:1.5em;
    z-index: 1000;
}
#featureTabsContentWrapperDiv {
    clear:both;
    word-wrap: break-word;
    z-index: 0;
}
.tabName {
    height:24px;
    z-index: 1000;
}
.tabHeader {
    float:left;
    font-size:7pt;
    font-weight:bold;
    line-height:250%;
    text-align:center;
    z-index:1000;
    padding-right: 4px;
    text-transform: uppercase;
    position: relative;
    color:#665340;
}
.tabHeader a {
    color: #665340;
    text-decoration:none;
}
.tabHeaderSelected a, .tabHeader a:hover {
    text-decoration:none;
    display:block;
    color:#fc7e94;
    cursor:pointer;
    outline:none;
    z-index:1000;
}
.how_to_applyTabHeader, .how_to_applyTabHeaderSelected {
    width: 97px;
}
.ingredientsTabHeader, .ingredientsTabHeaderSelected {
    width: 88px;
}
.shopTabHeader , .shopTabHeaderSelected, .tipsTabHeader, .tipsTabHeaderSelected {
    width: 62px;
}
.tabContent {
    padding:0px 15px 15px 20px;
    position:relative;
    z-index: 0;
}
.tabContentBody {
    margin: 0 20px 20px 0;
    border: 1px solid #BBBBBB;
    position: relative;
    top: -1px;
    z-index: 0;
}
.tabContentWrapper {
    z-index: 0;
}
/*
 * The 'BenefitWhyWeLoveItHeader' and the 'BenefitWhyYouNeedItHeader' are the class names present in the 'Product_Description' feed submitted by Benefitcosmetics.
 * The rules below achieve the desired look and feel.
*/
#BenefitWhyWeLoveItHeader, #BenefitWhyYouNeedItHeader, .BenefitWhyWeLoveItHeader, .BenefitWhyYouNeedItHeader, .detailBulletList {
    font-weight:bold;
    color:#665340;
    display:block;
    text-transform:lowercase;
}
.howToApply, .ingredients, .indications, .nonJSDiv, .description, .detailBulletList, #BenefitWhyYouNeedItHeader, .BenefitWhyYouNeedItHeader {
    padding-top:12px;
}
.nonJSDiv {
    font-weight:bold;
    margin-bottom:-12px;
}
.nonJSTabContent {
    padding-left:20px;
    width:550px;
}
