/*  Localhost Theme Style Sheet
    Author: Shawn Yale
    Created: 5-8-2008 */

body 
{
    font-family:Verdana;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
html
{
    background-color: #000000;
    margin-left: auto;
    margin-right:auto;
   
}
/* ###################################################### */
img, .Wrapper, .HeaderMenu
{
    behavior: url(iepngfix.htc);
}


/* Master Page Styles */
div
{
    
}
.Wrapper
{   width: 1070px;
    height: 715px;
    /*background-image: url("images/Background2.png");
    background-repeat: no-repeat;*/
    background-position: left top; 
    background-color: #000000;
    margin-left: auto; 
    margin-right: auto;   
    border-collapse: collapse;    
    
}
.Header
{

    background-image: url("images/BackgroundHeader.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size:40px;
    width: 1070px;
    height: 104px;
    background-color: #000000;
    margin-left: auto; 
    margin-right: auto; 
}
.HeaderContent
{  
    
    float: right;
    margin-right: 210px;
    padding-top: 13px;
    
}
.HeaderSub
{
    /*float: left;
    background-color: #bfe4f1;
    border-left: solid 8px #FFFFFF;
    height: 100%;
    width: 179px;
    left: 50px;
    top: 140px;
    position: absolute;
    clear:left;*/
}
.Brand
{
    position: absolute;
    float:left;
    top: 15px;
    padding-left: 140px;
}
.NavBar
{

    background-image: url("images/BackgroundNavBar.png");
    background-repeat:no-repeat;
    background-position: left top;
    background-color: #000000;
    width: 1070px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    
}
.NavBarContent
{
    position: relative;
    top: 10px;
    width: 830px;
    margin-left: auto;
    margin-right: auto;
    
}
.ExternalAsset1
{



}
.LinkShopNow
{
    color: #FFFFFF;
    font-size: 16px;
    font-weight:bold;
    text-decoration:none;
}
.ExternalAsset2
{
}
.ExternalAsset3
{    
}
.ExternalAsset4
{
}
.ShoppingCartWidget
{
   
}
.Main
{
    clear:both;
    background-image: url("images/Background2.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;    
}
.MainContact
{
    background-image: url("images/BackgroundContact.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}
.MainAboutUs
{
    background-image: url("images/BackgroundAboutUs.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}
.MainAntiAging
{
    position: relative;
    background-image: url("images/BackgroundAntiAging.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}

    
.MainMens
{
    background-image: url("images/BackgroundMens.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}

.MainProtect
{
    background-image: url("images/BackgroundProtect.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}

.MainCleanse
{
    background-image: url("images/BackgroundCleanse.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
   
}

.MainNourish
{
    background-image: url("images/BackgroundNourish.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}

.MainSpa
{
    background-image: url("images/BackgroundSpa.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}
.ProductImage_AntiAging
{
    position:relative;
    left: 193px;
    
}
.ProductImage_Cleanse
{
    position: absolute;
    left: 193px;
   
}
.ProductImage_BlemishSpotTreatment
{
    position: absolute;
    left: 180px;
    z-index:1;
}
.ProductImage_BotanicalFacialWash
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_CFusion
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_CleansingGelee
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_DailyHydra
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_DePuffing
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_EyeIllumination
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_FacialFirming
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_FoamingBuffing
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_LineFiller
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_LipDefining
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_LiquidVeilSerum
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_Mens
{
    position: absolute;
    left: 193px;
   
}
.ProductImage_Nourish
{
    position: absolute;
    left: 193px;
    
}
.ProductImage_RevitalizingPeptideSerum
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_Protect
{
    position: absolute;
    left: 193px;
    
}
.ProductImage_Restore
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_RestoringGel
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_SelfTanner
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_Spa
{
    position: absolute;
    left: 193px;
    
}
.ProductImage_SweetSerenityBodyScrub
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_SweetSerenityBodyWash
{
    position: absolute;
    left: 175px;
    z-index:1;
}
.ProductImage_SweetSerenitySouffle
{
   position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_TightGlide
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_TotalBodyWash
{
    position: absolute;
    left: 193px;
    z-index:1;
}
.ProductImage_Treat
{
    position: absolute;
    left: 193px;
    
}


.MainTreat
{
    background-image: url("images/BackgroundTreat.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    height: 454px;
}

.MainContent
{
    position:relative;
    margin-left: auto;
    margin-right:auto;
    width: 820px;
    height: 454px;
   
}
.Footer
{
    position: relative;
    height: 121px;
    background-image: url("images/BackgroundFooter.png");
    background-repeat:no-repeat;
    background-color: #000000;
    
}
.FooterContent
{
   position: relative;
   margin-left: 500px;
   top: 50px;
}
/* END of Master Page Style */
/* ###################################################### */


/*Section Styles */
h1
{
    top: 20px;
    left: 30px;
    position: absolute;
    font-size:40px;
    font-family: Verdana;
    font-weight:normal;
    color: #898989; 
}

h2
{
    top: 65px;
    left: 30px;
    position: absolute;
    font-size:25px;
    font-family: Verdana;
    font-weight: normal;
    color: #636363; 
}
h3
{
    top: 50px;
    left: 10px;
    position: relative;
    /*color: #464546;*/
    color: #000000;
    font-size: 16px;
    font-weight: bold;    
    height: 65px;
    opacity: 1.00;
    filter: alpha(opacity=100);
}
h3.ProductTitle
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border: 0px;
    left: 0px;
    width: 175px;   
}


h4
{
    
    top: 135px;
    left: 30px;
    position: absolute;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: normal;
    width: 135px;
    height: 110px; 
    
}

p
{
    font-size:12px;    
    color: #636363;
}
p.AboutUs
{
    position: absolute;
    top: 135px;
    left: 200px;
    width: 300px;
    height: 150px; 
}
p.ProductDescription
{
    font-size: 12px;
    font-weight: normal;
    border: 0px;
    left: 0px;
    padding-top: 15px;
}
.ProductDescription
{
    float: left;
    position: absolute;
    width: 240px;
    height: 240px;
    top: 93px;
    left: 210px;
    z-index:2;
}

.Contact
{
     position: absolute;
     top: 135px;
     left: 200px;
     width: 330px;
     height: 250px;
}

.ProductDetail
{
    
}

/* END of Section Styles */
/* ###################################################### */

/*Feedback Styles */
.FeedbackError
{
    color: Red;
    font-weight: bold;
}
.FeedbackSuccess
{
    color: Green;
    font-weight: bold;
}
.ValidationSummary
{
   text-align: left;
   color: Red;
   font-weight: bold;
   font-size: 12px; 
}
/* END of Feedback Styles */
/* ###################################################### */

/* MENU STYLES*/
.Menu
{
}
.MenuStaticMenuItemStyle
{
    color: #c8c8c8;
    font-weight:bold;
    font-size: 10px;    
    margin-right: 15px;
    letter-spacing:2px;   
}
.MenuStaticMenuStyle
{    
}
.MenuStaticHoverStyle
{
    color: #FFFFFF;
    font-weight:bold;
    font-size: 10px;
    letter-spacing:2px;
    
}
.MenuStaticSelectedStyle
{
    color: #FFFFFF;
}
.MenuDynamicSelectedStyle
{
    
}
.MenuDynamicMenuStyle
{
    
}
.MenuDynamicMenuItemStyle
{
    color: #c8c8c8;
    font-weight:bold;
    font-size: 10px;
    letter-spacing:2px;
    
}
.MenuDynamicHoverStyle
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #000000;
    font-size: 10px;
    letter-spacing:2px;
}

.Menu2
{   
    width: 100px;    
}
.Menu2StaticMenuItemStyle
{
    color: #898989;
    font-weight:bold;
    font-size: 12px;
    padding-bottom: 10px;
    width: 110px;    
}
.Menu2StaticMenuStyle
{    
}
.Menu2StaticHoverStyle
{
    color: #636363;
    font-weight:bold;
    font-size: 12px;
    
}
.Menu2StaticSelectedStyle
{
    color: #636363;
}
.Menu2DynamicSelectedStyle
{
    
}
.Menu2DynamicMenuStyle
{
    
}
.Menu2DynamicMenuItemStyle
{
    color: #898989;
    font-weight:bold;
    font-size: 12px;
    
}
.Menu2DynamicHoverStyle
{
    color: #636363;
    font-weight:bold;
    background-color: #000000;
    font-size: 12px;
}
.ProductMenu
{
   position:absolute;
   top:150px;
   left: 30px; 
}
/* END of Menu Styles*/
/* ###################################################### */




/* BUTTON STYLES */
.ButtonSubmit
{    
    color: #000000;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: #bfe4f1;
    cursor: pointer;      
}
.ButtonBack
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Gray;
    cursor: pointer;
}
.ButtonNext
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Gray;
    cursor: pointer;   
    
}
.ButtonReset
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Red;
    cursor: pointer;     
}
.ButtonLogin
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Blue;
    cursor: pointer;
}
.ButtonClose
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Red;
    cursor: pointer;
}
.ButtonCancel
{
    color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 70px;
    background-color: Red;
    cursor: pointer;
}
.ButtonAddCart
{
    Color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 90px;
    background-color: Green;
    cursor: pointer;   
}
.ButtonCheckout
{
    Color: White;
    font-size:10px;
    font-weight:bold;
    height: 25px;
    width: 90px;
    background-color: Green;
    cursor: pointer; 
}
.ButtonRemove
{
    Color: White;
    font-size: 10px;
    font-weight:bold;
    height: 25px;
    width: 90px;
    background-color: Yellow;
    cursor: pointer; 
    
}
.ButtonSend
{
 background-image: url("images/ButtonSend.png");
 background-position: 15px 5px;
 background-repeat: no-repeat;
 float:right;
 position: relative;
 width: 130px;
 height: 30px;
 text-align:center;
 cursor: pointer;   
}
.ButtonSend a
{
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 7px;
    left: 2px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

/* END of Button Styles*/
/* ###################################################### */



/*Text Styles */
.TextNormal
{ 
    font-weight: normal;
}
.TextNormalStrikeout
{
    font-weight: normal;
    text-decoration:line-through;
}
.TextBold
{
    font-weight: bold;
}
.TextBoldStrikeout
{
    font-weight: bold;
    text-decoration:line-through;
}
.TextHeader
{
    font-weight: bold;
    text-decoration: underline;   
}
.TextHeaderStrikeout
{
    font-weight: bold;
    text-decoration: underline;
    text-decoration:line-through;
}
.WatermarkText
{
    font-size: 13px;
    color: #828282;   
}

/* END of Text Styles*/
/* ###################################################### */
.CollapsePanel
{
position: relative;
    width: 230px;
    height: 454px;    
    background-color: #dfe9ec;
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: pointer;
    border: 0px;
    z-index:10;
    
}
.CollapsablePanelTitle
{
    font-family: Arial;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border: 0px;
    width: 200px;
    height: 30px;
    padding-left: 10px;
    z-index:10;
}
.CollapsePanelTextbox
{
    font-family: Arial;
    color: #000000; 
    width: 210px;
    height: 390px;           
    background-color: #dfe9ec;
    border: 0px;
    opacity: 1.00;
    filter: alpha(opacity=100);
    font-size: 12px;
    font-weight: normal;    
    padding-left: 10px;
    padding-top: 10px;    
    z-index:10;
}
.CollapsePanelContainer
{
position: relative;
    float: right;
    height: 454px;
    border: 0px;
    z-index:10;
    
}