/* CSS Document */


/* Storefront Styles */
body { background: url(images/bg.gif) no-repeat top center; margin: 0px auto; padding:0px 0px; color:#3e3a36; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align: center; }

.generalpage
{
background-color: ; /* Background Color */
}


.GeneralTable
{
background-color: ; /* Background Color */
}

.TopBanner
{
font-family: Verdana; /* Font Face */
font-size: 11px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBanner
{
font-family: Verdana; /* Font Face */
font-size: 11px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBannerText
{
font-family: Verdana; /* Font Face */
font-size: 11px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
}

.LeftColumn
{
font-family: Verdana; /* Font Face */
font-size: 10px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.LeftColumnText
{
font-family: Verdana; /* Font Face */
font-size: 10px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.RightColumn
{
font-family: Verdana; /* Font Face */
font-size: 10px; /* Font Size */
color: ; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.RightColumnText
{
font-family: Verdana; /* Font Face */
font-size: 10px; /* Font Size */
color: ; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: px;}

.Footer
{
font-family: Verdana; /* Font Face */
font-size: 11px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: ; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
}

.FooterText
{
font-family: Verdana; /* Font Face */
font-size: 11px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
}

.Instructions
{
font-family: Arial; /* Font Face */
font-size: 10px; /* Font Size */
color:#999 ; /* Font Color */
font-weight: normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
width:540px;
padding-top:3px;
}

.ErrorMessages
{
font-family: Verdana; /* Font Face */
font-size: 9px; /* Font Size */
color:#c02a2a ; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.Messages
{
font-family: Arial; /* Font Face */
font-size: 11px; /* Font Size */
color:#ec89ba ; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.Headings
{
font-family: Verdana; /* Font Face */
font-size: 12px; /* Font Size */
color:#dd7f91 ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}

.Headings2
{
font-family: Verdana; /* Font Face */
font-size: 12px; /* Font Size */
color:#dd7f91 ; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: right; /* Align Text */
}

.Content
{
font-family: Verdana; /* Font Face */
font-size: 10px; /* Font Size */
color: ; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align:; /* Align Text */
}

.ContentTableHeader
{
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
font-size: 18px; /* Heading Font Size */
color: #ef8eac ; /* Heading Font Color */
font-weight: normal; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background: url(images/heading_border.gif) repeat-x bottom;
text-align: Left; /* Align Text */
padding: 3px 0px 5px 0px;
}

.ContentTableHeader2
{
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
font-size: 11px; /* Heading Font Size */
color: #ef8eac ; /* Heading Font Color */
font-weight: bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background: none;
text-align: Left; /* Align Text */
padding: 3px 0px 5px 0px;
}

.ContentTable
{
background-color: ;
}

.ContentTableHorizontal
{
background-color: ;
}

/* End Storefront Styles */


/* Main Divs */
.container {  margin: 0px auto; width:876px; padding: 11px 0px 0px 0px; }

.header { overflow:hidden;}
.brand { float:left; padding: 0px 0px 0px 9px; margin: 0px 0px; height:31px; background: url(images/logo.gif) no-repeat 9px 0px; width:376px;}
.search { float:left; padding: 0px 0px 0px 0px; margin: 0px 0px;}
.nav2 { float:right;}
.utility { float:right; padding: 2px 5px 0px 0px; margin: 0px 0px; text-align:right; font-size:11px;}
.secondnav { padding: 0px 0px; margin: 0px 0px 16px 0px; height:21px; width:876px;}
.content2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.landingflash { width:876px; margin: 0px 0px; padding: 0px 0px;}
.podl { float:left; padding: 0px 2px 0px 0px; margin: 0px 0px;}
.podr { float:left; padding: 0px 0px 0px 3px; margin: 0px 0px;}
.homepods { margin: 17px 0px 0px 0px; padding: 0px 0px;}
.homepromo { float:left; width:163px; text-align:center; padding: 0px 0px; margin: 0px 0px 0px 0px;}
.featurepod { float:left; width:333px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 21px;}
.leftcol { float:left; padding: 12px 5px 0px 1px; margin: 0px 0px; width:164px; text-align:left; }
.breadcrumbs { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#cccccc; text-decoration:none; font-weight:normal; background: url(images/h_rule.gif) repeat-x bottom; padding: 0px 0px 7px 1px; margin: 0px 0px 0px 0px; height:26px; }
.searchnav { text-align:right; padding: 28px 19px 0px 0px;}
.detailcols { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; text-align:left; font-size:10px;}
.imagecol { float:left; width:263px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.infocol { float:left; width:385px; padding: 0px 0px 0px 31px; margin: 0px 0px 0px 0px; text-align:left; font-family: Verdana; font-size:10px; }
.body2 { float:left; padding: 12px 0px 0px 6px; margin: 0px 0px; width:700px; text-align:left; }
.contentheader { width:700px; background:#f9f9f9;}
.headerimage { width:231px; float:left; padding: 0px 31px 0px 0px; margin: 0px 0px;}
.headerinfo { width:438px; float:left; padding: 6px 0px 0px 0px; margin: 0px 0px;}
.searchpod { float:left; width:163px; text-align:center; padding: 25px 2px 0px 2px;  margin: 0px 8px 0px 0px;}
.poda { float:left; width:137px; text-align:center; padding: 0px 14px 0px 14px;  margin: 0px 0px 0px 0px;}
.footer2 { background: url(images/h_rule.gif) repeat-x top; margin: 15px 0px 0px 0px; padding: 15px 0px 15px 0px; text-align:left; }
#reviewsection { background: url(images/h_rule.gif) repeat-x bottom; padding: 6px 0px 6px 0px; }


/* Main Nav */
.nav { padding: 0px 0px; margin: 0px 0px 13px 0px; height:26px; width:876px;}
ul.mainnav { float:left; list-style-type:none;  list-style-position:inside; padding: 0px 0px; margin: 0px 0px; width:876px; }
.mainnav li { float:left; list-style-type:none; list-style-position:outside; padding: 0px 0px; margin: 0px 0px; }

.hairdo a{ background:url(images/hairdo_nav.gif) no-repeat; width:152px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.hairdo a:hover, .hairdo a:active { background:url(images/hairdo_nav.gif) no-repeat 0px -26px;}

.raquel a { background:url(images/raquel_nav.gif) no-repeat; width:218px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.raquel a:hover, .raquel a:active { background:url(images/raquel_nav.gif) no-repeat 0px -26px;}

.gabor a{ background:url(images/gabor_nav.gif) no-repeat; width:112px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.gabor a:hover, .gabor a:active { background:url(images/gabor_nav.gif) no-repeat 0px -26px;}

.healthy a{ background:url(images/healthy_nav.gif) no-repeat; width:122px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.healthy a:hover, .healthy a:active { background:url(images/healthy_nav.gif) no-repeat 0px -26px;}

.pop a{ background:url(images/pop_nav.gif) no-repeat; width:130px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.pop a:hover, .pop a:active { background:url(images/pop_nav.gif) no-repeat 0px -26px;}

.makeup a { background:url(images/makeup_nav.gif) no-repeat ; width:83px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.makeup a:hover, .makeup a:active { background:url(images/makeup_nav.gif) no-repeat 0px -26px;}

.tools a{ background:url(images/tools_nav.gif) no-repeat; width:59px; height:26px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.tools a:hover, .tools a:active { background:url(images/tools_nav.gif) no-repeat 0px -26px;}


ul.nav2list { float:left; list-style-type:none; padding: 0px 0px; margin: 0px 0px; list-style-position:inside; width:590px; }
.nav2list li { float:left; list-style-type:none; list-style-position:outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.synthetic a{ background:url(images/synthetic_nav.gif) no-repeat; width:162px; height:21px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.synthetic a:hover, .synthetic a:active { background:url(images/synthetic_nav.gif) no-repeat 0px -21px;}

.human a { background:url(images/human_nav.gif) no-repeat ; width:248px; height:21px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.human a:hover, .human a:active { background:url(images/human_nav.gif) no-repeat 0px -21px;}

.wigs a{ background:url(images/wigs_nav.gif) no-repeat; width:68px; height:21px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.wigs a:hover, .wigs a:active { background:url(images/wigs_nav.gif) no-repeat 0px -21px;}

.best a{ background:url(images/best_nav.gif) no-repeat; width:112px; height:21px; padding: 0px 0px; margin: 0px 0px;  overflow:hidden; float:left;}
.best a:hover, .best a:active { background:url(images/best_nav.gif) no-repeat 0px -21px;}


/* Link Styles */
a {color: #999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a:hover { text-decoration:underline;}
p a { color:#f2799f;}
a.left {color: #999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:24px; }
a.left:hover { text-decoration:underline;}
.swatchesRight a {color: #999999; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; }
.swatchesRight a:hover { text-decoration:none;}
.breadcrumbs a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#cccccc; text-decoration:none; font-weight:normal;}
.breadcrumbs a:hover { text-decoration:underline;}
.searchnav a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#faa1bd; text-decoration:underline; font-weight:bold;}
.searchnav a:hover { text-decoration:none;}
.utility a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4c4545; text-decoration:none; font-weight: normal;}
.utility a:hover { text-decoration:underline;}
a.boldpink { color:#f38ab4; font-weight:bold;}
.searchpod a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.poda a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/* List Styles */
ul { margin: 0px 0px; padding: 0px 0px;}
li {margin: 0px 0px; padding:0px 0px;}
.body2 ul  { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding: 4px 0px 8x 0px; font-size:10px;}
.body2 li { padding: 3px 3px; list-style-type:circle;}


/* Paragraph Styles */
p  { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding: 4px 0px 8x 0px;}
.headerinfo p  { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:370px; padding: 4px 0px 8x 0px;}


/* Heading Styles */
h1 { color:#faa1bd; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px; margin: 0px 0px; }
h2 { color:#f2799f; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px; margin: 30px 0px 0px 0px; }


/* Misc Styles */
.podtitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#525252; display:block; background: url(images/h_rule.gif) repeat-x bottom; padding: 0px 13px 6px 13px; margin: 0px 0px 19px 0px; text-align:left;}
.rating { font-weight:bold; padding: 0px 0px 0px 0px;}
.sku { padding: 0px 0px 17px 0px;}
.desc {}
.price { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#ff9fcf; padding: 24px 0px 25px 0px; margin: 0px 0px;}
.swatchSelect { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#222222;  }
.swatchesLeft { padding: 24px 0px 0px 0px; position:relative;}
.swatchesRight { padding: 0px 0px 0px 0px; margin: 0px 0px -100px 0px; width:140px;  position: relative; left:210px; top:115px;}
.quantity { padding: 0px 0px 35px 0px; }
.addtocart { padding: 0px 0px 14px 0px; }
.addtowish { padding: 0px 0px 14px 0px; }

.ReviewName { font-family: arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#f38ab4; padding: 3px 0px; margin: 0px 0px; }
.ReviewText { font-family: arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666666; padding: 0px 0px 15px 0px; margin: 0px 0px; width:550px; }
.ReviewItem {width:680px; background: url(images/h_rule.gif) repeat-x bottom #f9f9f9; margin: 10px 0px; padding: 0px 10px;}

.searchBox { border: #d4e1ee 1px solid; background: url(images/input_bg_2.gif) no-repeat left top; padding: 2px 0px 0px 5px; height:19px; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4c4545;}
.mailBox { border: #d4e1ee 1px solid; background: url(images/input_bg_2.gif) no-repeat left top; padding: 2px 0px 0px 5px; height:19px; width:130px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4c4545;}

.smallh { font-family: arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color:#999191; letter-spacing:1px;}
.pink { color:#f38ab4; font-weight: normal; padding: 0px 0px; margin: 0px 0px; }
.boldpink { color:#ef8eac; font-weight:bold; font-size:11px;}
.noshow { display: none;}
.clear { clear:both;}
.boldpink s { color:#bdbdbd;}
.searchnav span { color:#6c5f5f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; font-weight:bold;}
.swatchesLeft img { margin: 0px 4px 2px 0px;}
.searchpod img { padding: 0px 0px 10px 0px;}
.poda img { padding: 0px 0px 10px 0px;}