@charset "UTF-8";
/* CSS Document */


* {margin: 0; padding: 0;}

body {
	background: black;
	font-size: 11px;
	font-family: tahoma, verdana;
	padding: 0pt;
	text-align: center;
}

p {
	margin: 0 5px;
}

table {
	margin: 0 auto;
}

td {
	padding-right:30px;
}


#flashHolder {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.75;
	z-index: 800;
}

#flashInner {
	display: none;
	width: 900px;
	height: 640px;
	position: absolute;
	background: white;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -450px;
	text-align: right;
	z-index: 900;
}

.beautyBar {
	width: 100%;
	margin: 5px;
}

.ecoStylingCategory {
	width: 100%;
	color: black;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px;
}

#beautyBarHeader {
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid black;
}

#beautyBarBrands {
	float: left;
	border-right: 1px solid black;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}

#beautyBarCategory {
	float: left;
	border-left: 1px solid black;
	border-bottom: 2px solid black;
	padding-bottom: 10px;
}

ul#navLinks {
	list-style-image: url('/images/navStar.jpg');
}

ul#navLinksCategories {
	list-style-image: url('/images/navStarCategories.jpg');
}

ul#navLinksTrends {
	list-style-image: url('/images/navStarTrends.jpg');
}


/*ul#navLinks li:hover {
	list-style-image: url('/images/navStarHover.jpg');
}*/

ul#navLinks li{
	margin-left: 15px;
	height: 16px;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

#container {
	width: 900px;
	padding: 0pt;
	margin: 0pt auto;
}

#header {
	float: left;
	background: black;
	width: 900px;
	height: 70px;
}

#logo {
	float:left;
	margin-top: 10px;
	background: black;
}

#nav {
	background:  black;
	float: right;
	right: 0px;
	margin-top: -55px;
}

.topBar {
	width: 100%;
	height: 50px;
	background: #c3c3c3;
	float: left;
	border-bottom: 2px solid black;
}

#bottomSquares {
	position:absolute;
	width: 700px;
	height: 77px;
	right: 0;
	bottom: 0;
}

#bottomSquare1 {
	float: right;
	width: 232px;
	border-top: solid 2px black;
	border-left: 2px solid black;
	height: 75px;
	z-index: 500px;
}

#bottomSquare2 {
	float: right;
	width: 232px;
	border-top: solid 2px black;
	height: 75px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	z-index: 600px;
}

#bottomSquare3 {
	float: right;
	width: 232px;
	border-top: solid 2px black;
	height: 75px;
	z-index: 500px;
}

#bottom {
	width: 100%;
	color: white;
	left:0;
	margin:0;padding:0;
	background: black;
	text-align:center;
	/*border-bottom:solid 1px #f0007a;*/
}

#containerFooter {
	float: left;
	background: black;
	width: 900px;
}

div#search{
}

div#static {
	padding: 24px 12px;
	border: double thin #b9e700;
	margin: 26px auto;
	font-size: 14px;
}

#bottomleft {
	background-color: black;
	width: 200px;
	float: left;
	font-size: 16pt;
	color: #fff;
	text-align: left;
	margin-top: 5px;
	margin-left: 0px;
}

a#bottomright {
	float: right;
	display: block;
	padding-left: 25px;
	padding-top: 10px;
}

#credits {
	letter-spacing: 3px;
	text-align: center;
	width: 100%;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	color: #ff017B;
	font-family: "century gothic", tahoma, verdana;
	font-size: 8pt;
	padding-bottom: 10px;
}

#credits a{
	letter-spacing: 3px;
	color: #ff017B;
	text-decoration: none;
	font-weight: bold;
}

#credits a:hover{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

/*div#bottomright  a:active {
	text-decoration : underline;
	color: #cc0000;
}*/

#main {
	float: left;
	position: relative;
	width: 100%;
	background: white;
	min-height: 540px;
}

#mainleft {
	float: left;
	width: 200px;
	line-height: 3px;
	position:relative;
}

#mainLeftBrands {
	scrollbar-3dlight-color:#009900;
	scrollbar-arrow-color:orange;
	scrollbar-base-color:#00CC00;
	scrollbar-darkshadow-color:#009900;
	scrollbar-face-color:teal;
	scrollbar-highlight-color:palegreen;
	scrollbar-shadow-color:#000000; 
	height: 447px;
	width: 185px;
	margin-left: 5px;
	line-height: 3px;
	overflow-x: hidden;
	overflow-y: auto;
}

#mainLeftCategories {
	height: 447px;
	width: 185px;
	margin-left: 5px;
	line-height: 3px;
	overflow-x: hidden;
	overflow-y: auto;
}

#mainLeftTrends {
	height: 447px;
	width: 185px;
	margin-left: 5px;
	line-height: 3px;
	overflow-x: hidden;
	overflow-y: auto;
}

#scrollContainer {
	float:left;
}

a#mainLeftBrandsLink {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/brands.jpg) no-repeat;
	outline:none;
}

a#mainLeftBrandsLink:hover {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/brands_on.jpg) no-repeat;
}

a#mainLeftCategoriesLink {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/categories.jpg) no-repeat;
	outline:none;
}

a#mainLeftCategoriesLink:hover {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/categories_on.jpg) no-repeat;
}

a#mainLeftTrendsLink {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/trends.jpg) no-repeat;
	outline:none;
}

a#mainLeftTrendsLink:hover {
	display:block;
	height:30px;
	width:200px;
	border-bottom:1px solid black;
	background: url(/images/trends_on.jpg) no-repeat;
}

#mainLeftShipping {
	color: #ff017B;
	font-family: "century gothic", tahoma, verdana;
	font-size: 18pt;
	text-align: left;
	margin-top: -15px;
	line-height: 100%;
}

#mainright {
	background: white;
	float: left;
	width: 698px;
	border-left: 2px solid black;
}

#mainrightCart {
	background: white;
	float: left;
	width: 698px;
	margin-bottom: 77px;
}

#mainCategoryGirl {
	position: absolute;
	top: 5px;
	right: -126px;
	z-index: 700;
	/*border-left: 1px solid black;*/
}

/*div#footer{
width: 100%;
height:50px;
background-color: black;
left:0;
margin:0;padding:0;
text-align:center;
}

div#footer2{
width: 750px;
background-color: black;
color: white;
margin:0;
margin-left: auto;
margin-right: auto;
}

div#footerleft {
	float: left;
	color: white;
	background-color: black;
	padding: 0px 0;
	font-size: 7px;
}

div#footermiddle {
	float: left;
	color: white;
	background-color: black;
	padding: 0px 0px 0px 120px;
}

div#footerright {
	float: right;
	color: white;
	background-color: black;
	padding-left: 9px 0;
}*/

/*---  forms ---*/
form {
	margin-top: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #485F5F;
}

input {
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: black;
	margin: 5px 5px 5px 0px;
	padding: 2px;
	border: 2px solid #f0017b;
}

input.addbutton {
	background-color: #f0017b;
	color: white;
	padding-right: 0px;
	margin-right: 0px;
)

input:focus {
	border: 1px solid #333;
	background: #fff;
}

textarea {
	border-top: 1px solid #f0007a;
	border-left: 1px solid #f0007a;
	background-color:#efefef;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #485F5F;
}

.imagebutton {
	border: 0px;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px;
	cursor: hand;
}
select {
	width: 75px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 2px solid #f0017b;
	color: black;
}
.searchbutton {
	background-color: #eee;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #725290;
	border: 1px solid #f0007a;
	margin: 5px 5px 5px 0px;
	padding: 1px 0px;
}
.button {
	background-color: #eee;
    background-image: url(/images/buttongradient.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	/*text-transform: uppercase;*/
	color: #333;
	border: 1px solid #f0007a;
	margin: 5px 5px 5px 0px;
	padding: 2px 2px;
	cursor: hand;
}
.smallbutton{cursor: hand;}
.smallbuttonbold{cursor: hand;}
/*Handles the mozilla scroll problem when using the absolute positioning drop downs*/
#scroll {
position:absolute;
background-color: black;
height:1px;
bottom:-1px;
width:1px;
z-index:-1;
}

.navdrop {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
}

a.navdrop {
	color: #fff;
	padding: 2px;
	text-decoration: none
}
a.navdrop:hover {
	color: #fff;
	padding: 2px;
	text-decoration: underline;
}
.nav1 {
	background-color: black;
	font-family:tahoma, verdana;
	font-size: 12px;
    line-height: 120%;
	color: #fff;
	font-weight:bold;
	padding: 2px;
	width:140px;
	text-decoration: none
}
a.nav1 {
	color: #fff;
	padding: 2px;
	text-decoration: none
}
a.nav1:hover {
	color: #fff;
	padding: 2px;
	text-decoration: underline;
}

.nav2 {
	font-family: "century gothic", tahoma, verdana;
	font-size: 16pt;
	letter-spacing: -1.5px;
    line-height: 50%;
	color: black;
	padding: 1px;
	width:140px;
	text-decoration: none
}
a.nav2 {
	font-family: "century gothic", tahoma, verdana;
	font-size: 14pt;
	letter-spacing: -1.5px;
	color: black;
	padding: 1px;
	text-decoration: none
}
a.nav2:hover {
	font-family: "century gothic", tahoma, verdana;
	font-size: 14pt;
	letter-spacing: -1.5px;
	color: #ff126f;
	padding: 1px;
	text-decoration: none;
}

a.navhead:hover{}
/*brand fashion*/
#nav1{
 position:absolute;
 top:80px;
 left:50%;
 margin-left:100px;
 width : 70px; 
 height : 30px;
 z-index:100;
}
/*fashion category*/
#nav2{
 font-family: "century gothic", tahoma, verdana;
 position:absolute;
 top:80px;
 left:50%;
 margin-left:180px;
 width : 70px; 
 height : 30px;
 z-index:100;
}
/*fashion category*/
#nav3{
 position:absolute;
 top:80px;
 left:50%;
 margin-left:251px;
 width : 70px; 
 height : 30px;
 z-index:100;
}
/*fashion category*/
#nav4{
 position:absolute;
 top:80px;
 left:50%;
 margin-left:331px;
 width : 70px; 
 height : 30px;
 z-index:100;
}
table.sub {
	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	opacity: 0.88;
}
table.sub td {
	border-bottom: solid 0px #fff;
	line-height: 140%;	
}

table.info td {
	font-size: 12px;
}
td.homeleft  {
	font-size: 15px;
}

a {
	outline: none;
}

td.footernav {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#000;
	text-decoration: none;
}
td.footernav a {color:#000066;text-decoration : none;}
td.footernav a:hover {color:#000;text-decoration : underline;}

#navsub1{
 position:absolute;
 left:50%;
}
#navsub2{
 position:absolute;
 left:50%;
}
#navsub3{
 position:absolute;
 left:50%;
}
#navsub4{
 position:absolute;
 left:50%;
}

#categoryheader{
color : #fff;
font-size: 12px;
font-weight: bold;  
width : 83px; 
height : 25px;
position:absolute;
top:-9px;
left:650px;
padding:5px 5px 3px 5px;
z-index:1; 
border-bottom:#FF99FF dotted 1px;
}
#category{
text-align:left; 
width:110px;
height:225px;
position:absolute;
top:28px;
left:650px;
padding:5px 5px 0px 0px;
color:#b63;
}
#brand{
overflow-x:hidden; 
overflow:auto;
text-align:left; 
width:120px;
height:225px;
position:absolute;
top:287px;
left:630px;
padding:5px 5px 0px 0px;
color:#b63;
border-left : dashed #FCD6B1 1px;
border-bottom : dashed #FCD6B1 1px;
background-image: url(../images/bg1.gif);
background-attachment: fixed;
}
#select{
overflow:auto;
text-align:left; 
width:764px;
height:113px;
position:absolute;
top:425px;
left:0px;
padding:5px 5px 0px 0px;
color:#b63;
}
#brandheader{
color : #fff;
font-size: 12px;
font-weight: bold;  
width : 115px; 
height : 25px;
position:absolute;
top:264px;
left:630px;
}
#skin{
 position:absolute;
 right:0px;
 bottom:0px;
 z-index:100;
}

img.p {border : dotted #F4AAEA 1px;}
.norm{
    color: #663300;
    font-family:tahoma, verdana;
    text-decoration: none;
    font-size:  19px;
	text-align:center;
	padding:4px;
}
a.norm{
    color: #f0007a;
    text-decoration: none;
}
a.norm:hover{
    color: #ffffff;
    text-decoration: none;
}
.text{
    color: #000;
    font-family:tahoma, verdana;
    text-decoration: none;
    font-size:  11px;
}
a.text{
    color: #000;
    text-decoration: none;
}
a.text:hover{
    color: #000;
    text-decoration: underline;
}
.text1{
    color: #471f00;
    font-family:tahoma, verdana;
    text-decoration: none;
    font-size:  14px;
}
a.text1{
    text-decoration: none;
}
a.text1:hover{
    text-decoration: underline;
}
.text2{
    color: #f0007a;
    font-family:tahoma, verdana;
    text-decoration: none;
    font-size:  17px;
}
a.text2{
    text-decoration: none;
}
a.text2:hover{
    color: #000;
    text-decoration: underline;
}

.b2 {padding-left:4px;padding-right:4px;padding-top:10px;border-top:1px solid #ffffff;border-left:1px dotted #ffffff;border-right:1px dotted #ffffff;}
a.b2 {}
a.b2:hover {border-top:1px dotted #ff99cc;border-left:1px dotted #ff99cc;border-right:1px dotted #ff99cc;}

.ProductDetailsView {
BACKGROUND-COLOR: #fff; 
BORDER: 1px dotted #FF99FF;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	padding:6px;
}
.SecondaryNav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
    line-height: 120%;
	color: #993300;
	padding: 2px;
	text-decoration: none
}
.SecondaryNav a:link {
	color: #993300;
	padding: 2px;
	text-decoration: none
}
.SecondaryNav a:hover {
	color: #000;
	padding: 2px;
	text-decoration: none
}
.SecondaryNav ul li {
    list-style-type: disc;
	list-style-image: url(../images/ul_blackbullet.gif);
	list-style-position: inside;
}