﻿div.leftdiv
   {
   width:1000;
   float:left   
   }
img.logolink
   {
   height: 21px;
   width: 24px;
   margin-right:3px;
   }

#Header{
    height: 160px;
/* 3/2011 DS    background-color: #000000;  */
    background-color:#F5D0A9 ; 
}
#TopBar{
    /* 3/2011 DS background-image:url(../Images/TopBar_Black.jpg); */
    width:404px;
    height:26px;
    float:right;
}

#TopBar div#Contents{
    margin: 5px 0px 0px 100px;
}
#TopBar a{
    color:#FFF; 
    text-decoration:none;
}

#TopBar div#GoogleSearch
{
    display:none;
}
#Header div#Bottom{
    
    position:absolute;
    top:60px;
    margin-left:15px;
    z-index:11;
    width:885px;
}

#Header div#MenuContainer{
    height:35px;
    float:left;
    width:100%;
    margin-left:15px;
    background-color:#645e54;
}


.RedHead
{
    font-weight:bold;
    color: #800000;
}
.ContentHeader{font-size:17px;}

#Family, #Product, .ProductRelated, .DefaultContent
{
    line-height:18px;
    font-size:14px;
    margin-top:25px;
    /*margin-left:40px;*/
}

#StudioServices.DefaultContent, #Bridal.DefaultContent{margin-top:3px;}
.LandingLeft{
    float:left;
    width:320px;
   padding-top:75px;
    
    }

/*#CorporateInfo.DefaultContent{width:400px;float:left}
img.MerleNorman{float:left ;margin-top:3px;}
iframe#StudioLocator{
    background-position: center center;
    background-image: url(../Images/indicator.gif);
    background-repeat: no-repeat;
}
*/
.AdminNavContainer .PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren{
    margin: 0px 3px 0px 0px;
    font-size:11px;
}

div.MasterHeaderLogo
{
/*    
   background-image:url('../images/Corporate/header_bkgd_gradient.jpg');
*/
   width:100%;
   height:134px;
   left:0px;
   top:0px;
   position:fixed;
   z-index: 4000;
   background-color:#FFFFFF;
}
div.MasterFooterLogo
{
/*   background-image:url(../images/Corporate/footer_bkgd.png); */
   width:1000px; 
   height:200px;
}

div.MasterMenu
{
   font-size:1em;
}

a.MasterMenu
{
   font-size:1em;
}

div.submenu
{
   color:Black;
   font-size:medium;
   width:auto;
   font-size:1em;
   border-bottom:solid;
   border-top:solid;
   border-left:solid;
   border-right:solid;
   border-color:Gray;
   z-index:4000;
}



body{
	font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:16px;
        margin:0;
        padding:0;
}

hr
   {
   font-size:6px;
   line-height:normal;
   color:#645E54;
   background-color:#645E54;
   }

a,a:visited
   {
   color:#000000;
   text-decoration:none
   }


#Header{
    height: 160px;
/* 3/2011 DS    background-color: #000000;  */
    background-color:#F5D0A9 ; 
}
#TopBar{
    /* 3/2011 DS background-image:url(../Images/TopBar_Black.jpg); */
    width:404px;
    height:26px;
    float:right;
}

#TopBar div#Contents{
    margin: 5px 0px 0px 100px;
    background-color: #FFFFFF;
    width:960px;
}
#TopBar a{
    color:#FFF; 
    text-decoration:none;
}

#TopBar div#GoogleSearch
{
    display:none;
}
#Header div#Bottom{
    
    position:absolute;
    top:60px;
    margin-left:15px;
    z-index:11;
    width:885px;
}

#Header div#MenuContainer{
    height:35px;
    float:left;
    width:100%;
    margin-left:15px;
    background-color:#645e54; 
}

#NestedContent{
   width:720px;
}

.MNLogo{
    float:left;
}

div#CosmeticInfoLink{float:right; margin:10px 5px 0px 0px;}
div#CosmeticInfoLink a{
    color:#fff;
}

/* Bottom Menu */
#BottomMenu {
    margin:0px  auto 7px auto;
    width:635px;
    }
#BottomMenu ul { list-style: none; padding-left:0px;margin:0px; }
#BottomMenu li { display: inline; margin: 0; }
#BottomMenu a  { color: #020202; font-size: 12px; line-height:13px; text-decoration:none; }
#BottomMenu a:hover {text-decoration:underline;}
#Copyright{font-size:9px;line-height:13px;color:#B6B6B6;margin:0px auto;display:block;width:220px;}
/* Side Navigation Links */
#SideNav{
    width:180px;
    margin-top:25px;
    font-size:14px;
    line-height:20px;
}

#SideNav, #NestedContent, #Footer{    float:left;}

#Footer
{
    margin-top:20px;
    clear:left;
}
#SideNav .Header
{
    font-weight:bold;
    font-size:17px;
    display:block;
    margin-bottom:5px;
}

#SideNav ul{margin:0px 0px 0px 0px;padding-left:16px;
}

#SideNav a, #SideNav a:visited, #SideNav li
{
    text-decoration:none;
    color:#535353;
}
#SideNav a{position:relative;}
#SideNav li:hover, #SideNav a:hover
{
    color: #000;
}
 .noList{
    list-style-type:none;
}
#SideNav a#CosmeticInfoLink {margin-left:16px;}
#SideNav a#CosmeticInfoLink img, a#EntrepreneurLink img, a.ImageLink img{border-style:none;}
#SideNav ul#ExpandedList{font-size:13px;}
#SideNav li.ExpertTipsExpandLI{display:inline;}

/* Family.ascx */
#Family, #Product, .ProductRelated, .DefaultContent
{
    line-height:18px;
    font-size:14px;
    margin-top:25px;
    /*margin-left:40px;*/
}
    
#ImageWrapper{
    float:left;
}    
#Family #ImageHolder 
{
    width:200px;
    height:200px;
    display: table-cell;
    vertical-align:middle;
}
#Family #ImageHolder *
{
    vertical-align:middle;
}

#Family #ProductList{
    float:left;
    margin-left:30px;
    clear:right;
    line-height:16px;
    font-size:12px;
    text-decoration:none;
    cursor:pointer;
    }
a.FamilyProductLink:hover{color:#000;}  
a.FamilyProductLink, a.FamilyProductLink:visited{text-decoration:none;}    
  
#Family #Description{
    float:left; 
    clear:left;       
    margin-top:40px;
    width:400px;
    }
    
/* Products.ascx */
#Product{ 
    width:960px;
    float:left;
   height: 430px;
}
#ColorGrouping
{
    width:470px;
    float:left;
    margin-bottom:20px;
    font-size:12px;
    line-height:16px;
}



.ColorGroupingName{
    font-weight:bold;
    display:block;
}
.colorBox
{
    width:60px;
    height:60px;
    }   
.ItemColor{
    float:left;
    width:115px;
    margin: 5px 0px 0px -2px;
    }    

 .hrTop, .hrBottom{
    width: 100%;
    height: 1px;
    border-bottom:solid 1px #999999;
}

 .hrTop{
    margin-bottom:3px;
}
 .hrBottom{
    margin-top:3px;
}

#productText{
    margin: 40px 0px 40px 0px;
}

#Product .Title{
    font-weight:bold;
    }
.SkinType{
    font-style:italic;
}
    
#Product #ImageHolder td{
    vertical-align:middle;
    width:200px;
    height:200px;
}


.RelatedImage{
    margin: 0px auto 15px auto; 
    display:block; 
    }
.RelatedText{
    margin-left:10px;
    }
    
span.RelatedText{
    font-weight:bold;
}    
.RelatedText a {text-decoration:none;}
    
.ProductRelated{
    border-left:solid 1px #999999;
    float:left;
    width:178px;
    margin-left:20px;
    padding-left:7px;
 }
 
#ProductRelatedList{
    margin-top:20px;
    }

#ProductRelatedItem
{
    margin-bottom:25px;
    border-bottom:solid 1px #999;
    padding-bottom:5px;
}    

/* FamilyImageList.ascx Styles    */

#FamilyListContainer
{
    margin-left:40px;
    margin-top:20px;
}
#FamilyItem
{
    float:left;
    width:170px;
}
#FamilyItem .familyImage
{
    margin: 0px auto; 
    display:block; 
}

#FamilyItem a{
    text-align:center;
    font-size:12px;
    color:#020202;
    display:block;
    text-decoration:none;
    }
    
#LoginContainer
{
    width:300px;
    height:200px;
    margin:0px auto;
    padding:70px 50px;
}    
#LoginName{float:right;}

.SimpleContainer
{
    height:200px;
    padding:70px;
}

/*Admin Nav*/
.AdminNavContainer{
    /*border: solid 1px #339966;*/
    width:290px;
    top:25px;
    left:570px;
    position:absolute;
}
.AdminNavContainer .PrettyMenu div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren{
    margin: 0px 3px 0px 0px;
    font-size:11px;
}
.AdminNavContainer .PrettyMenu ul.AspNet-Menu li {margin:0px;}

.AdminNavContainer fieldset{
    border-color:#339966;
    color:White;
    padding: 5px 0px 0px 5px;
}

.DefaultTextArea{
    width:460px;
}
a.LocatorLink, a.InqueryFormLink{
    color:Black;
    font-weight:bold;
    font-style:italic;
}

a.ProductReference{
    color:Black;
}

.RedHead
{
    font-weight:bold;
    color: #800000;
}
#StudioServices.DefaultContent, #Bridal.DefaultContent{margin-top:3px;}
.LandingLeft{
    float:left;
    width:320px;
   padding-top:75px;
    
    }
#StudioServices .LandingLeft{padding-top:60px;}    
img.LandingImage{float:right;}
.FakeLink{text-decoration:underline;cursor:pointer;}

.Story , .Answer{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:18px;
	line-height: 25px;
}
.Owner {
	font-weight: bold;
	font-variant: normal;
}
.Question {
	font-size:16px;
	font-weight: bold;
}
.Answer {
	font-size:16px;
	line-height: 18px;
	}

	
.Inquery .Edit span.EditLine
{
    display:block;
    margin-bottom:7px;
}

.Inquery .Edit span.EditLine label.Label
{
    float:left;
    width:210px;
    text-align:right;
    margin-right:5px;
}
.EditCheckBox{
    margin-left:130px;
}	
 .ContactUs .Edit .Left, .ContactUs .Edit .Right{float:left;} span.Red{color:Red;}

 .Inquery .Edit .Left, .Inquery .Edit .Right{float:left;} span.Red{color:Red;}
 .trybuy, .tryBuySmall  {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	color: #808080;
}
.ContactUs .Edit .Left, .Inquery .Edit .Right{float:left;} span.Red{color:Red;}

.tryBuySmall {
	font-size: 18px;
	color: #202020;
}
p.Float{float:left;clear:left;width:100%}
#CorporateInfo.DefaultContent{width:550px;float:left;}
img.MerleNorman{float:right;margin-top:3px;}

iframe#StudioLocator{
    background-position: center center;
    background-image: url(../Images/indicator.gif);
    background-repeat: no-repeat;

}
.NoBorder{border:none;}
a#AdobeLink{float:left;clear:both;margin-top:25px;}
/*MenuStyles*/
 ul.AspNet-Menu{ position:relative}ul.AspNet-Menu,ul.AspNet-Menu ul{ margin:0; padding:0; display:block}ul.AspNet-Menu li{ position:relative; list-style:none }ul.AspNet-Menu li a,ul.AspNet-Menu li span{ display:block; text-decoration:none}ul.AspNet-Menu ul{ position:absolute; display:none}ul.AspNet-Menu li:hover ul ul,ul.AspNet-Menu li:hover ul ul ul,ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul{ display:none}ul.AspNet-Menu li:hover ul,ul.AspNet-Menu li li:hover ul,ul.AspNet-Menu li li li:hover ul,ul.AspNet-Menu li.AspNet-Menu-Hover ul,ul.AspNet-Menu li li.AspNet-Menu-Hover ul,ul.AspNet-Menu li li li.AspNet-Menu-Hover ul{ display:block}.AspNet-Menu-Horizontal ul.AspNet-Menu li{ float:left}.AspNet-Menu-Horizontal ul.AspNet-Menu li li{ float:none}
 .PrettyMenu ul.AspNet-Menu ul{  background-color:#CCC; border:solid 1px #999;}.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span{ background-image:none}.PrettyMenu ul.AspNet-Menu li a img{ border-style:none; vertical-align:middle}
 .PrettyMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf:hover,.PrettyMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf AspNet-Menu-Hover{  }.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover{color:#535353;font-weight:bold; }.PrettyMenu .AspNet-Menu-Horizontal{    z-index:300}.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul{  z-index:5;}.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li{  text-align:left}.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li{ text-align:left}
 .PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li{ width:145px;  margin:0px; padding:0px;}.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul{ margin:-1.8em 0 0 126px}
.PrettyMenu ul.AspNet-Menu li{  margin:16px 0px 0px 0}
.PrettyMenu ul.AspNet-Menu,.PrettyMenu ul.AspNet-Menu ul{  font-family:Arial; font-size:12px;}
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a{ padding: 3px 5px 3px 5px; font-size:11px; } 
.PrettyMenu ul.AspNet-Menu li a,.PrettyMenu ul.AspNet-Menu li span{  color:#000;padding:0px 4px 5px 4px; line-height:10px;font-size:10px;}
 /* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover,
ul.AspNet-Menu li li:hover,
ul.AspNet-Menu li li li:hover,
ul.AspNet-Menu li.AspNet-Menu-Hover,
ul.AspNet-Menu li li.AspNet-Menu-Hover,
ul.AspNet-Menu li li li.AspNet-Menu-Hover
{
    /*background-color:#999;*/
}
.AdminNavContainer .PrettyMenu ul.AspNet-Menu li a,.PrettyMenu ul.AspNet-Menu li span{  color:#fff;}
.AdminNavContainer .PrettyMenu ul.AspNet-Menu li ul li a{  color:#000;}


#VideoPanel{display:none;}

#VideoIconContainer{
    cursor:pointer;
    position:absolute;
    left:845px;
    top:400px;
    z-index:4;
}

#Product #VideoIconContainer{
    left:650px;
    top:320px;
}
#VideoContainer
{
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../Images/indicator.gif');
}

#simplemodal-overlay {
  background-color:#000;
}

#simplemodal-container, #VideoModal {
    background: url(../Images/video_icon_back.png) no-repeat center;
}
#simplemodal-container
{
    background-color:#fff;
    border: 3px solid #ccc;
}
#simplemodal-container a.modalCloseImg {
  background:url(../Images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-20px;
  right:-20px;
  cursor:pointer;
}

img.Facebook{
    position:absolute;
    width:25px;
}

.ContactUsLeft
{
   margin-left: 8em;
   margin-right:1em;
   float: left;
   line-height:30px;
   text-align:right;
   width: 380px;
   position: relative;
   top: 0px;
   left: 0px;
}

.ContactUsRight
{
   background-position: #9c9;
   margin-right:1em;
   float: left;
   line-height:30px;
   text-align:right;
   width: 300px;
   position: relative;
}

.ContactUs .Label
{
   width:200px;
   text-align:right;
}

.ContactUs .TextEdit
{
   width:200px;
   text-align:right;
}

.ContactUs .Edit span.EditLine
{
    display:block;
    margin-bottom:7px;
}

.ContactUs .Edit span.EditLine label.Label
{
    float:left;
    width:160px;
    text-align:right;
    margin-right:5px;
}

.ContactUs .ContactUsInfo 
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60em;
}

.ContactUs .footer, .push 
{
height: 1em;
clear:both;
}

/* 3/2011 ds */
#ProductListContainer
{
    margin-left:40px;
    margin-top:20px;
}

#Product #ProductList{
    float:left;
    margin-left:30px;
    clear:right;
    line-height:16px;
    font-size:12px;
    text-decoration:none;
    cursor:pointer;
    }
#ProductItem
{
    float:left;
    width:170px;
}
#ProductItem .productImage
{
    margin: 0px auto; 
    display:block; 
}

#ProductItem a{
    text-align:center;
    font-size:12px;
    color:#020202;
    display:block;
    text-decoration:none;
    }
    
#mainmenu
   {
      position:absolute;
      top:134px;
      left:0;
   }
      
.ContactUs .Edit .Left, .ContactUs .Edit .Right{float:left;} span.Red{color:Red;}
.ContactUsLeft
{
   margin-left: 8em;
   margin-right:1em;
   float: left;
   line-height:30px;
   text-align:right;
   width: 385px;
   position: relative;
}

.ContactUsRight
{
   margin-right:1em;
   float: left;
   line-height:30px;
   text-align:right;
   width: 305px;
   position: relative;
}

.ContactUs .Label
{
   width:200px;
   text-align:right;
}

.ContactUs .TextEdit
{
   width:200px;
   text-align:right;
}

.ContactUs .Edit span.EditLine
{
    display:block;
    margin-bottom:7px;
}

.ContactUs .Edit span.EditLine label.Label
{
    float:left;
    width:160px;
    text-align:right;
    margin-right:5px;
}

.ContactUs .ContactUsInfo 
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60em;
}

.ContactUs .footer, .push 
{
height: 1em;
clear:both;
}


/*IEPosition
{
 position:absolute;
 top:698px;
}
.FFXposition
{
 position:absolute;
 top:605px;  
}*/

.InputButton
{
-webkit-appearance: none;
-webkit-border-radius: none ;
border: none;
outline: none;
}

.tblCellMain
{
   border-style:solid;
   border-top:5px;
   border-left:0px;
   border-bottom:0px;
   border-right:10px;
   border-color:White;
   border-style:solid;
}

.tblCellLeft
{
   border-style:solid;
   border-top:22px;
   border-left:0px;
   border-bottom:10px;
   border-right:10px;
   border-color:White;  
   border-style:solid;
}

.tblCellTopRight
{

   border-style:solid;
   border-top:22px;
   border-left:0px;
   border-bottom:6px;
   border-right:13px;
   border-color:White;
   border-style:solid;
}

.tblCellBottomRight
{
   border-style:solid;
   border-top:5px;
   border-left:0px;
   border-bottom:10px;
   border-right:0px;
   border-color:White;
   border-style:solid;
}

.tblBottomRowLeftHOLD
{
   border-style:solid;
   border-top:10px;
   border-left:11px;
   border-bottom:10px;
   border-right:0px;
   border-color:#e1017e;
   border-spacing:0px;
   
}
.tblBottomRowMiddleHOLD
{
   border-style:solid;
   border-top:10px;
   border-left:10px;
   border-bottom:10px;
   border-right:0px;
   border-color:#e1017e;
   border-spacing:0px;
}
.tblBottomRowRightHOLD
{
   border-style:solid;
   border-top:10px;
   border-left:9px;
   border-bottom:10px;
   border-right:11px;
   border-color:#e1017e;
   border-spacing:0px;
}
.tan {
	color: #AB8850;
	font-weight: bold;
}
.staff {
	float:left;
	width:174px;
	min-height:150px;
	border-right: 1px solid #e8e8e0;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.staff-last {border-right: none;}

.staff_2 {
	float:left;
	width:425px;
	min-height:150px;
	border-right: 1px solid #ffffff;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.contact-block {
	float:left;
	width:250px;
	min-height:50px;
	border-right: 1px solid #e8e8e0;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.contact-block-last {border-right: none;}

a:link.MasterMenu
{
    text-decoration: none;
}
a:link {
    text-decoration: underline;
}

.content-div
{
    z-index:-1;
    background-color: white; 
    width:100%;

}
#ContentTable
{
    z-index:-1;
    background-color: #FFFFFF;    
}

#WebsiteWrap
{
    width:100%; 
    margin:0px auto 0px auto;
    position:relative;
}

