.insidestorybox { background: url(../Images/insidestory_box_Port.jpg) top left; } .achievementsbox { background: url(../Images/achievements_box.jpg) top left; } .istory_drop_main { background: url(../Images/istory_drop_main_Port.gif) top left; } .earninghero { background: url(../Images/earningpotential_hero_Port.jpg) top left; } .CSR_Static_Port { background: url(../Images/CSR_Static_Port.jpg) top left; } .globalhero { background: url(../Images/global_main.jpg) top left; } .contact-header { background: url(../Images/contact-header_Port.jpg) top left; } .Header-Makeup { background: url(../Images/makeup-header.jpg) top left; } .prod-prom-header { background: url(../Images/prod-prom-header.jpg) top left; } .terms-header { background: url(../Images/terms-header.jpg) top left; } .Header-skincare { background: url(../Images/skinCare-main-header.jpg) top left; } .Header-bodycare { background: url(../Images/bodyCare-header.jpg) top left; } .dropback { background: url(../Images/istory_drop_Port.gif) top left; } .ss_bkg { background: url(../Images/ss_bkg_Port.jpg) top left; } .dropback-main { background: url(../Images/istory_drop_main_Port.jpg) top left; } .Tabs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: 026994; text-decoration: none; top: auto; clip: rect( )} .TabsBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: 026994} .Text_01 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: 054A97} .Text_01_Bld { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000} .HeaderTxt { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: 054A97} .ActiveLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: 054A97; font-weight: bold; text-decoration: underline} .Text_01_Black { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000} .ActiveLinksReg { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: 054A97; text-decoration: underline} .BIGHeaderTxt { font-family: "Arial Narrow", Arial; font-size: 36pt; font-weight: normal; color: #026994; font-variant: normal; font-style: normal} .topmn { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: capitalize; color: #CC6666; text-decoration: none; font-weight: bold} .topmn a:link { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666} .topmn a:visited { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666} .topmn a:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666; background-color: #FFFFFF} .menu { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC6666; font-weight: bold} .menu a:link { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666} .menu a:visited { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666} .menu a:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CC6666; background-color: #FFFFFF} .country { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC6666; font-weight: bold} .footer { font-family: Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; color: #000000} .BodyBold { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color: #00000; text-decoration: none} .TextSmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px} .menusm { font-family: Arial, Helvetica, sans-serif; font-size: 10px} .BodyPlain { FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #424242 ; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .TextSmall { FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif } .topmn { FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-TRANSFORM: capitalize; COLOR: #cc6666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .Header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17pt; font-weight: bold; color: 2D6296} .HeaderNonBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17pt; color: 2D6296; font-weight: normal} .HeaderSmallTxt { font-family: "Times New Roman", Times, serif; font-size: 12pt; color: CC6666; font-weight: bold} a.mnav314 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #ff3c8c; text-decoration: none } a.mnav314:hover { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #f7b2ce; text-decoration: none } a.mnav321 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #efd3ad; text-decoration: none } a.mnav321:hover { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #efdbc6; text-decoration: none } a.mnav322 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #d6b6c6; text-decoration: none } a.mnav322:hover { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #efd3de; text-decoration: none } a.mnav323 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #ce65ce; text-decoration: none } a.mnav323:hover { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #943094; text-decoration: none } /*******************************************************************************************************************\ * Global Styles * \*******************************************************************************************************************/ BODY { font-size: 8pt; color: black; font-family: verdana, arial, helvetica, sans-serif; margin-left: 10px; margin-right: 10px; margin-top: 0px; } FRAME { margin:-10px; } TABLE { font-size: 8pt; color: black; font-family: verdana, arial, helvetica, sans-serif; } A { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #044899; } .MainTable { border-top:none 0px #CCCCCC; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; } .Borderfull{ border: 1px solid #CCCCCC; } .BorderT { border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px; } .BorderB { border-bottom: 1px solid #CCCCCC; } .BorderL { border-left: 1px solid #CCCCCC;padding: 5;} .BorderR { border-right: 1px solid #CCCCCC;} .BorderTB{ border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; } .BorderTL { border-left: 1px solid #CCCCCC; border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px; } .BorderTLB { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px; } .BorderTLR { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px; } .BorderBL { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .BorderRL{ border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .BorderRLB{ border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .ConsName { color: #660000; font-size: 12px; font-weight: bold; } .ConsNumber { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; } .ConsTitle { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .ContactMe { color: black; font-weight:normal; font-size: 9px; font-family: verdana, arial, helvetica, sans-serif; } A.ContactMe { text-decoration:underline;} .ContactMeTitle1 { color: #990000; font-weight:bold; font-size: 35px; font-family: arial, verdana, helvetica, sans-serif;} .ContactMeTitle2 { color: #FF9999; font-weight:bold; font-size: 35px; font-family: arial, verdana, helvetica, sans-serif;} .CorporateHeader { color: #ff4a7b; font-size: 12px; font-weight:bold; font-family: arial narrow, verdana, helvetica, sans-serif;} .SearchText { color: #660000; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} .SearchTextBold { color: #660000; font-size: 11px; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif;} .LogoMotto { color: gray; font-size: 12px; font-family: Helvetica, sans-serif,Verdana, Arial ; font-weight:bold; } .LogoSM {color: gray; font-size: 10px; font-family: sans-serif, Verdana, Arial, Helvetica; font-weight:bold; } .BreadCrumbText {color: #660000; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} .LanguageSelected { color: gray; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; } .LanguageUnSelected { color: #660000; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold;} .TitleText{ color: #660000; font-size: 11px; font-weight:normal; font-family: verdana, arial, helvetica, sans-serif; } .TitleTextBold{ color: #660000; font-size: 11px; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; } .BodyTextBold{ color: #333333; font-size: 10px; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; } .BodyText{ color: #333333; font-size: 10px; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .FooterText{ color: #333333; font-size: 9px; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .FooterTextBold{ color: #333333; font-size: 9px; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; } .DisclaimerText{ color: #333333; font-size: 8px; font-weight:normal; font-family: verdana, arial, helvetica, sans-serif; } .DisclaimerTextBold{ color: #333333; font-size: 8px; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; } .PartRolloverText{ color: #333333; font-size: 9px; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; } .PartRolloverName{ color: #333333; font-size: 9px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .EmptyMessage { color: #cccccc; font-size: 20px; font-weight:bold; font-style:italic; font-family: verdana, arial, helvetica, sans-serif; } A{text-decoration:none;} A:hover{text-decoration:underline;color: #660000;} A.PartGroups {color: gray; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} A.PartGroups:hover {color: #660000; text-decoration:none;} P.PartGroups {color: gray; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} .CheckoutBorderfull{ border: 1px solid #990000; } .CheckoutBorderRLB{ border-bottom: 1px solid #990000; border-left: 1px solid #990000; border-right: 1px solid #990000;} .CheckoutBorderTL{ border-top: 1px solid #990000; border-left: 1px solid #990000; } .CheckoutBorderL{ border-left: 1px solid #990000; } .CheckoutBorderR{ border-right: 1px solid #990000; } .CheckoutBorderT{ border-top: 1px solid #990000; } .CheckoutBorderB{ border-bottom: 1px solid #990000; } .Search { color: gray; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; } .StepsTextUnSelected { color: #FF9999; font-weight:bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} .StepsTextSelected { color: #990000; font-weight:bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} .CheckOutTitle1 { color: #990000; font-weight:bold; font-size: 18px; font-family: arial, verdana, helvetica, sans-serif;} .CheckOutTitle2 { color: #FF9999; font-weight:bold; font-size: 18px; font-family: arial, verdana, helvetica, sans-serif;} .LocatorTitle1 { color: #FF9999; font-weight:bold; font-size: 28px; font-family: arial, verdana, helvetica, sans-serif;} .LocatorTitle2 { color: #990000; font-weight:normal; font-size: 28px; font-family: arial, verdana, helvetica, sans-serif;} .LocatorSubtitle1 { color: #990000; font-weight:normal; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif;} .LocatorSubtitle2 { color: #FF9999; font-weight:bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif;} .SectionHR { border: 1px dotted #CCCCCC; } .RequiredFieldIndicator { color: #990000;font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} /*******************************************************************************************************************\ * Button Styles * \*******************************************************************************************************************/ .button { height: 20px; color: #660000; font-family: Arial, Helvetica, 'Sans Serif'; font-size: 9pt; font-weight: bold; background-color: #FCEFF2; border-left: solid 1px #990000; border-top: solid 1px #990000; border-right: solid 1px #990000; border-bottom: solid 1px #990000; } /*******************************************************************************************************************\ * Printing Styles * \*******************************************************************************************************************/ @media print { .NonPrintableArea {display: none;} .PrintableArea {width:100%; left:0px; margin-left:0px; border-left:0px; } .MainTable{width:100%} } @media screen { .MainTable {width:760px} } /*******************************************************************************************************************\ * Category Menu Styles * \*******************************************************************************************************************/ .CategoryMenu { width:150px; border-right: 1px solid #CCCCCC; } .CategoryMenuUnSelected { background-color:#FFFFFF; font-size: 8pt; color: gray; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; } .CategoryMenuSelected { background-color:#FFFFFF; font-weight: bold; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; vertical-align:middle; } A.CategoryMenuUnSelected { text-decoration:none; } A.CategoryMenuUnSelected:hover { text-decoration:underline; color: #660000; } /*******************************************************************************************************************\ * Tab Menu Styles * \*******************************************************************************************************************/ .TabSelected { font-weight: bold; font-size: 10pt; color: #660000; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: solid 1px #CCCCCC; background-color:#FCEFF2; } .TabUnSelected { font-size: 10pt; font-weight:bold; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:white; border-top: solid 0px #CCCCCC; border-bottom:solid 1px #CCCCCC; } .TabUnSelected:hover { color:#660000; } A.TabUnSelected { border-top: none 0px #CCCCCC; border-bottom:none 1px #CCCCCC; color:gray; text-decoration: none; } A.TabUnSelected:hover { text-decoration: none; color:#660000; } .Tabs { FONT-SIZE: 11pt; COLOR: #026994; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; } .Tabs A { text-decoration: none; } .TabsBold A { text-decoration: none; } .MenuItemSelected { background-color:#FCEFF2; font-weight: bold; font-size: 8pt; color: #66000; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; } MenuItemUnSelected { background-color:#FCEFF2; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; vertical-align:middle; } A.MenuItem { color:Black; text-decoration: none; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; height:20px; } A.MenuItem:hover { color:#660000; background-color:#FFFFFF; text-decoration: none; } /*******************************************************************************************************************\ * Panel Styles * \*******************************************************************************************************************/ .panel-title-text0 { color: #0066CA; font-size: 9pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; } TABLE.panel0 { border: solid #6e8aa9 1px; } TABLE.panel1 { border: solid #6e8aa9 1px; } TD.panel-title0 { color: #0066CA; font-size: 9pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #fff4e2; text-align: left; vertical-align: middle; padding: 2px; padding-left:5px; height:22px; } TD.panel-title1 { color: #0066CA; font-weight: bold; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; background-color: #fff4e2; text-align: left; vertical-align: middle; padding: 2px; padding-left:5px; height:22px; } TD.panel-body0 { font-size: 8pt; background-color: #edf2f6; font-family: verdana, arial, helvetica, sans-serif; text-align: left; vertical-align: top; padding: 5px; border-top: solid #6e8aa9 1px; } TD.panel-body1 { font-size: 8pt; background-color: #d3e4f6; font-family: verdana, arial, helvetica, sans-serif; text-align: left; vertical-align: top; padding: 5px; border-top: solid #6e8aa9 1px; } TD.search-header { background-color: #FBD5D5; font-size: 8pt; height: 20px; } TD.search-result-link { padding-left: 10px; padding-bottom: 20px; text-align: left; vertical-align: top; } TD.search-result-qty { text-align: center; padding-right: 40px; padding-bottom: 10px; vertical-align: top; } TD.search-result-price { padding-left: 20px; text-align: right; vertical-align: top; } TD.search-result-product { padding-left: 10px; text-align: left; vertical-align: top; } TD.search-result-longdescription { padding-left: 10px; padding-bottom: 10px; text-align: left; vertical-align: top; } TD.search-footer { text-align: right; } TD.search-nomatches { padding-top: 50px; padding-bottom: 50px; font-size: 10pt; font-weight: bold; text-align: center; } .search-matchedword { font-weight: bold; }