html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:arial;
 font-size:12px;
 background-color:#d5d3d4;
}

#pagewidth{
	width:904px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/page-bg.gif) repeat-y;
} 

#header{
	position:relative;
	height:382px;
	width:904px;
	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/header-bg.gif) no-repeat top left;
} 

#leftcol{
	width:194px;
	float:left; 
}

* html #leftcol{
	width:192px;
	float:left; 
}

#maincol{
	float:right;
	display:inline;
	width:705px;
	*padding:0px 5px 0px 0px;
	_padding:0px 0px 0px 0px;
}

* html #maincol{
	float:right;
	display:inline;
	width:700px;

}

 #footer{
	clear:both;
	margin-right: auto;
	margin-left: auto;
	} pagewidth


 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block; float:left;}



/* Hides from IE-mac \*/

* html .clearfix{

	float: left;

	clear: both;

}



 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}

/*================================JENNIE CSS HERE====================================*/

/*********************HEADER********************/



#beauty-header1-toplinks-box{

	float:left;

	width:904px;

	height:31px;

	margin-top:6px;

}

#yahoo-secure-shopping{

	position:relative;

	float:left;

	width:610px;

	height:31px;

	border-right:1px #cfcfcf solid;

	text-align:right;

}

#beauty-home-contact-us{

	position:relative;

	float:left;

	width:76px;

	height:31px;

	font-family:arial;

	font-size:10px;

	font-weight:bold;

	color:#000;

	border-right:1px #cfcfcf solid;

	text-align:center;

}

#beauty-home-contact-us a:link{text-decoration:none; color:#000;}

#beauty-home-contact-us a:visited{text-decoration:none; color:#000;}

#beauty-home-contact-us a:hover{text-decoration:underline; color:#d2181d;}



#beauty-question-tell-friend{

	position:relative;

	float:left;

	width:89px;

	height:31px;

	font-weight:bold;

	font-family:arial;

	font-size:10px;

	color:#000;

	border-right:1px #cfcfcf solid;

	text-align:center;

}

#beauty-question-tell-friend a:link{text-decoration:none; color:#000;}

#beauty-question-tell-friend a:visited{text-decoration:none; color:#000;}

#beauty-question-tell-friend a:hover{text-decoration:underline; color:#d2181d;}



#beauty-shopping-cart{

	position:relative;

	float:left;

	width:124px;

	height:31px;

	font-family:arial;

	font-size:10px;

	font-weight:bold;

	color:#000;

	text-align:center;

}



#beauty-shopping-cart a:link{text-decoration:none; color:#000;}

#beauty-shopping-cart a:visited{text-decoration:none; color:#000;}

#beauty-shopping-cart a:hover{text-decoration:underline; color:#d2181d;}



#beauty-header1-call-us-tall-free{

	position:relative;

	float:left;

	width:884px;

	height:48px;

	text-align:right;

	font-family:arial;

	font-size:10px;

	font-weight:bold;

	color:#000;

	padding-right:20px;

	padding-top:20px;

}

.beauty-header1-call-us-tall-free{ font-size:17px; color:#a90036;}



#beauty-header2{

	position:relative;

	float:left;

	width:904px;

	height:34px;

	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/beauty-header2-bg.gif) no-repeat;

}

#topnav img {

	border: none;

}

#topnav{

	position:relative;

	float:left;

	width:887px;

    font-size:12px;

    line-height:normal;

	font-family:arial;

	font-size:13px;

	margin-left:10px;

	border-top:solid 1px #FFF;

    }

#topnav ul {

    margin:0;

    padding:0;

    list-style:none;

    }

#topnav li {

    display:inline;

    margin:0;

    padding:0;

    }

#topnav a {

    float:left;

    background: no-repeat left top;

    margin:0;

    padding:0 0 0 4px;

    text-decoration:none;

    }

#topnav a span {

    float:left;

    display:block;

    background: no-repeat right top;

    padding:7px 50px 7px 60px;

    color:#FFF;

    }

   /* Commented Backslash Hack hides rule from IE5-Mac \*/

#topnav a span {float:none;}

    /* End IE5-Mac hack */

#topnav a:hover span {

    color:#ffffff;

	text-decoration:underline;

    }

#topnav a:hover {

    background-position:0% -29px;

      }

#topnav a:hover span {

    background-position:100% -29px;

   }

/*********************END HEADER********************/

/*******************LEFTNAVIGATION******************/

#beauty-leftnavigation{

	float:left;

	width:194px;

}

* html #beauty-leftnavigation{
	float:left;
	width:192px;
}



 #beauty-left-shop-by-category{

	float:right;

	width:164px;

	height:20px;

	background: url(images/shop-by-caregory-bg.gif) no-repeat;

	font-family:arial;

	font-size:15px;

	color:#010101;

	padding-left:24px;

	padding-top:10px;

	margin-top: 8px;

	}

	

#beauty-leftnav-box{

	float:right;

	width:172px;

	margin-left: 17px;

	margin-top: 10px;

	padding-bottom:10px;

	background-color: #F6F6F6;

	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/leftnav-bg.gif) no-repeat;

}



#leftnav ul{

	list-style: none;

    margin: 0;

    padding: 0;

    }



#leftnav {

	float:left;

    width:189px;

	font-family:ARIAL;

	font-size:13PX;

    }

#leftnav img {

    border: none;

}

#leftnav li a {

    voice-family: "\"}\"";

    voice-family: inherit;

    text-decoration: none;

    }

#leftnav li a:link, #leftnav li a:visited {

    color: #2b2b2b;

    display: block;

    background:  url(http://lib.store.yahoo.net/lib/yhst-99385731439535/css/menu3.gif);

    padding:5px 0 10px 50px;

    }

#leftnav li a:hover, #leftnav li #current {

    color: #b00f43;

	text-decoration:underline;

    background:  url(http://lib.store.yahoo.net/lib/yhst-99385731439535/menu3.gif) 0 -32px;

    padding:5px 0 10px 50px;

    }

	

#beauty-brand-names{

	float:right;

	width:164px;

	height:35px;

	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/shop-by-caregory-bg.gif) no-repeat;

	font-family:arial;

	font-size:15px;

	color:#010101;

	padding-left:25px;

	padding-top:12px;

	background-color:#f6f6f6;

}

* html #beauty-brand-names{

	float:right;

	width:162px;

	height:35px;

	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/shop-by-caregory-bg.gif) no-repeat;

	font-family:arial;

	font-size:15px;

	color:#010101;

	padding-left:25px;

	padding-top:12px;

	background-color:#f6f6f6;

}

#beauty-select-brand{

	float:right;

	width:189px;

	height:46px;

	text-align:center;

	border-bottom:#dcdcdc solid 1px;

	background-color:#f6f6f6;

}

#beauty-select-brand .list-menu{

	width:172px;

	height:21px;

	border:#9e9e9e solid 1px;

	font-family:arial;

	font-size:12px;

	color:#232323;

}

#beauty-left-whats-hot{

	float:right;

	width:164px;

	height:35px;

	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/shop-by-caregory-bg.gif) no-repeat;

	font-family:arial;

	font-size:15px;

	color:#010101;

	padding-left:25px;

	padding-top:12px;

	background-color:#f6f6f6;

}

#beauty-left-yahoo-con-box{

	position:relative;

	float:right;

	width:189px;

	background:#f6f6f6;

	

}

/*******************END LEFTNAVIGATION******************/

/*******************MAINCOL******************/

#beauty-mainbody{
	float:left;
	width:688px;
	margin-left:10px;
}


* html #beauty-mainbody{
	float:left;
	width:688px;
	margin:0px 5px 0px 5px;
}

#beauty-body1{

	float:left;

	width:688px;

	border-bottom:#cacbc5 solid 3px;

}

#beauty-body1-featured-product{

	float:left;

	width:405px;

	height:32px;

	font-family:arial;

	font-size:15px;

	color:#010101;

	padding-top:18px;

}

#beauty-body1-text-feild{

	float:right;

	width:280px;

	height:40px;

	padding-top:10px;

	text-align:right;

}

#beauty-body1-text-feild .bsearch{

	width:211px;

	border:#cacbc5 solid 1px;

	height:18px;

}



.searchgobtn{

margin-bottom:-7px;

}

*html .searchgobtn{

margin-bottom:-2px;

}





#beauty-body2{

	position:relative;

	float:left;

	width:688px;

	margin-top:10px;

}

#beauty-body2-bath-body{

	position:relative;

	float:left;

	width:336px;

	height:27px;

	background-color:#f6f6f6;

	font-family:arial;

	font-size:13px;

	color:#a80036;

	font-weight:bold;

	text-align:center;

	padding-top:10PX;

}

#beauty-body2-hair-care{

	position:relative;

	float:right;

	width:336px;

	height:27px;

	background-color:#f6f6f6;

	font-family:arial;

	font-size:13px;

	color:#a80036;

	font-weight:bold;

	text-align:center;

	padding-top:10PX;

}

#beauty-body3{

	float:left;

	width:692px;

	min-height:450px;
	height:auto !important;
	height:450px;

}

#beauty-body3-product-box{

	float:left;

	width:688px;

	margin-top:4px;

}

#beauty-product1{

	float:left;

	width:335px;

	height:155px;

	border:2px solid #f6f6f6;

}

#products-images{

	float:left;

	width:130px;

	height:155px;

	padding-left:20px;

}

#products-text{

	float:right;

	width:175px;

	height:135px;

	font-family:arial;

	font-size:12px;

	color:#9c0938;

	font-weight:bold;

	line-height:18px;

	padding-top:20px;

}

.products-text{

	font-size:11px;

	color:#7e7e7e;

	font-weight:normal;

}

.pro-price{

	font-size:14px;

	color:#555354;

	font-weight:normal;

}

.pro-price1{

	color:#a31945;

	font-size:14px;

	font-weight:normal;

}

#beauty-product2{

	position:relative;

	float:right;

	width:335px;

	height:155px;

	border:2px solid #f6f6f6;

}

#beauty-body4{

	float:left;

	width:686px;

	height:93px;

	border:#ededed solid 1px;

	margin-top:10px;

}

#beauty-body4-pro1{

	float:left;

	height:93px;

	text-align:right;

}

/*******************END MAINCOL******************/

/*******************FOOTER******************/



#beauty-footer1{
	width:904px;
	height:40px;
	background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/footer1-bg.gif) no-repeat;
}

#beauty-footer1-textfeild{
	float:left;
	width:453px;
	height:30px;
	text-align:center;
	padding-top: 11px;
}

* html #beauty-footer1-textfeild{
	float:left;
	width:453px;
	height:22px;
	padding-top:9px;
}


#beauty-footer1-textfeild .nsearch{
	width:191px;
	height:18px;
	border:#3a3a3a solid 1px;
	padding-top:1px;
	background-color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	color:#393939;
}

#beauty-footer1-textfeild span{
	font-family:arial;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

* html #beauty-footer1-textfeild span{
	font-family:arial;
	font-size:14px;
	float:left;
	color:#FFF;
	font-weight:bold;
	padding:3px 0px 5px 0px;
	line-height:18px;
	margin:0px 0px 5px 15px;
	}


#beauty-footer1-right-text{
	position:relative;
	float:left;
	width:449px;
	height:25px;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:#FFF;
	line-height: 40px;
	padding-top:2px;
}

* html #beauty-footer1-right-text{
	position:relative;
	float:left;
	width:449px;
	height:22px;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:#FFF;
	line-height:37px;
	padding-top:3px;
}



#beauty-footer1-right-text a:link{text-decoration:none; color:#ffffff;}

#beauty-footer1-right-text a:visited{text-decoration:none; color:#ffffff;}

#beauty-footer1-right-text a:hover{text-decoration:underline; color:#ffffff;}



#beauty-footer2{
	position:relative;
	float:left;
	width:904px;
	height:38px;
	text-align:center;
	background-color:#d5d3d4;
/*	padding-top:10px;*/
	font-family:arial;
	font-size:11px;
	color:#010101;
}

/*******************END FOOTER******************/





.special-title{
	background:#f6f6f6;
	padding:5px;
	font-family:arial;
	font-size:13px;
	color:#a80036;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #FFF;
	text-align:left;
	padding-left:65px;
}

#special-title a{
	font-family:arial;
	font-size:13px;
	color:#a80036;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#special-title a:hover{
	font-family:arial;
	font-size:13px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.special-title a{
	font-family:arial;
	font-size:13px;
	color:#a80036;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.special-title a:hover{
	font-family:arial;
	font-size:13px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.section-code{
	font-family:arial;
	font-size:12px;
	color:#9c0938;
	font-weight:bold;
	padding:4px 0 4px 0;
}

.price{
	font-family:arial;
	font-size:13px;
	color:#484848;
	font-weight:normal;
}



.sale-price-bold{

	font-family:arial;

	font-size:16px;

	color:#9c0938;

	font-weight:bold;

	}

#w4r-breadcrumbs{

	float:left;

	width:405px;

	padding-top:10px;

	font-family:arial;

	font-size:11px;

	color:#565656;

	}

#w4r-breadcrumbs a:link{text-decoration:underline; color:#565656; font-size:11px; font-family:arial;}

#w4r-breadcrumbs a:visited{text-decoration:underline; color:#565656; font-size:11px; font-family:arial;}

#w4r-breadcrumbs a:hover{text-decoration:underline; color:#000000; font-size:11px; font-family:arial;}



#w4r-title{

	position:relative;

	float:left;

	width:688px;

	padding:4px 0 4px 0;

	border-bottom:3px solid #cacbc5;

	}

#w4r-title h1{margin:0px; padding:0px; font-family:arial; font-size:16px; color:#aa0236; font-weight:bold;}

#section-info{

/*	position:relative;*/

	float:left;

	width:688px;

	margin-top:5px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	}

#section-info a {color:aa0236;}


#w4r-section-info-item{

	float:left;

	width:688px;

	padding:5px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	}

#section-contents{

	float:left;

	width:688px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	padding:3px 0 3px 0;

	}



/*************order table******************************/



.code-title{

	font-family:arial;

	font-size:12px;

	color:#000000;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:25px;

	}

.code{

	font-family:arial;

	font-size:12px;

	color:#000000;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.availiblity-title{

	font-family:arial;

	font-size:12px;

	color:#000000;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:25px;

	}

.availiblity{

	font-family:arial;

	font-size:12px;

	color:#000000;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}



.price-title{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:bold;

	background:#FFF;

	padding-left:25px;

	border-bottom:1px solid #cacac8;

	}

.you-save-title{

	font-family:arial;

	font-size:12px;

	color:#f81908;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:25px;

	}

.you-save{

	font-family:arial;

	font-size:12px;

	color:#f81908;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.qty-title{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:25px;

	}

.qty-box{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.qty-box input{font-family:arial; font-size:12px; padding:1px; border:1px solid #000; color:#000; text-align:center;}

.add2cart{

	font-family:arial; font-size:12px; font-weight:bold; color:#000;

	}

.item-price{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:normal;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.item-price-highlight{

	font-family:arial;

	font-size:12px;

	color:#A70036;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.sale-price-title{

	font-family:arial;

	font-size:13px;

	color:#f81908;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:25px;

	}

.item-sale-price{

	font-family:arial;

	font-size:13px;

	color:#f81908;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	}

.options-title{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:bold;

	background:#FFF;

	border-bottom:1px solid #cacac8;

	padding-left:20px;

	padding-left:25px;

	}

.options{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:normal;

	background:#FFF;border-bottom:1px solid #cacac8;

}

.options select{

	font-family:arial;

	font-size:12px;

	color:#000000;

	font-weight:normal;

	padding:2px;

	border:1px solid #d47392;

	}

	



/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .tabs-nav {

        display: none;

    }

}





/* Skin */

#container-4{margin:20px 0 0 0;}

#container-4 ul{float:left;margin: -20px 0 0 -1px;padding:0;list-style:none;position:relative;}

ul.tabs-nav {

list-style: none;

margin: 0 0 0 -1px;

padding: 0;

}

.tabs-nav li {

float: left;

margin: 0;

height:23px;

padding:0;display:block;

min-width: 87px; /*be nice to Opera */

}

* +html .tabs-nav li {

float: left;

margin: 0;

padding:0;display:block;

width: 100px;

}



.tabs-nav a, .tabs-nav a span {

float: none;_float: left;+float: left;

display: block;

padding: 0 6px;+padding: 0 15px;

background: url(http://lib.store.yahoo.net/lib/yhst-99385731439535/tab.gif) no-repeat;

}



.tabs-nav a {

position: relative;

top: 0px;

z-index: 2;

padding-left: 0;

color: #000;

font-size: 11px;

font-weight: bold;

font-family:arial;

line-height: 1.6;

text-align: center;

text-decoration: none;

white-space: nowrap; /* required in IE 6 */

height:20px;

}

.tabs-nav .tabs-selected a {

color:#293b87;

}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {

background-position: 100% -69px;

outline: 0; /* prevent dotted border in Firefox */

color:#293b87;

}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

background-position: 100% -46px;

}

.tabs-nav a span {

width: 30px; /* IE 6 treats width as min-width */

min-width: 30px;

height: 18px; /* IE 6 treats height as min-height */

min-height: 18px;

padding-top: 2px;

padding-right: 0;

background-position: 100% -46px;

}

*>.tabs-nav a span { /* hide from IE 6 */

width: auto;

height: auto;

}

.tabs-nav .tabs-selected a span {

padding-top: 2px;

background-position: 100% -46px;

}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {

background-position: 0 -23px;

}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

background-position: 0 0;

}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

cursor: text;

background-position: 100% -69px;

}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */

cursor: pointer;

}

.tabs-nav .tabs-disabled {

opacity: .4;

}

.tabs-container {

/* border-top: 6px solid #2b3c8a;*/

font: normal 11px Arial, sans-serif;

color:#000000;

padding: 3em 8px;

border-bottom:1px solid #9fd21b;

border-left:1px solid #9fd21b;

border-right:1px solid #9fd21b;

min-height:200px;

background:url(http://lib.store.yahoo.net/lib/yhst-99385731439535/tab-bg.gif) repeat-x top #fff; /* declare background color for container to avoid distorted fonts in IE while fading */

}

.tabs-loading em {

padding: 0 0 0 20px;

background: url(http://lib.store.yahoo.net/lib/exertools/loading.gif) no-repeat 0 50%;

}









/* --- Site Map CSS --- */

.sitemap-header

{

    font: bold 12px arial;

    color: #000000;

    display: block;

    padding-top: 15px;

}

.sitemap-1

{

    font: bold 11px arial;

    color: #000080;

    display: block;

    padding-left: 25px;

}

.sitemap-2

{

    font: normal 11px arial;

    color: #0000FF;

    display: block;

    padding-left: 50px;

}

.sitemap-3

{

    font: normal 10px arial;

    color: #0000FF;

    display: block;

    padding-left: 75px;

}

.sitemap-4

{

    font: normal 8px verdana;

    color: #0000FF;

    display: block;

    padding-left: 100px;

}

.section-thumb{

	background:#FFF;

	border-left:1px solid #f6f6f6;

	border-right:1px solid #f6f6f6;

	border-bottom:1px solid #f6f6f6;

	border-top:2px solid #f6f6f6;

	}



.p-title{font-family:arial; font-size:13px; color:#484848; font-weight:bold;}

.p-text{font-family:arial; font-size:13px; color:#9c0938; font-weight:bold;}





/*	#w4r-tabbed-body{position:relative;float:left;width:680px;padding:5px 0 5px 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}*/

#w4r-tabbed-body{
	float:left;
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right: 0;
	padding-left: 0px;
}

* html #w4r-tabbed-body{
	float:left;
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right: 0px;
	padding-left: 0px;
	
}

	

#w4r-recently-viewed{

	position:relative;

	float:left;

	width:688px;

	padding:5px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	}

.checkout-body{background:url(http://site.beautybrokers.com/imgs/checkout-body.gif) repeat-y;}

















.jqueryslidemenu{

font: normal 13px Arial;

background: #ffffff;

width:887px;

text-transform:uppercase;

margin-left:10px;

border-top:1px solid #FFF;

}



.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.jqueryslidemenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background:none; /*background of tabs (default state)*/

color: #ffffff;

padding:7px 54px 7px 60px;

border-right: 0px dotted #fff;

color: #fff;

text-decoration: none;

}



* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

color: white;

}



.jqueryslidemenu ul li a:hover{

/*background: none; tab link background during hover state*/

color: #fff;

text-decoration:underline;

}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility:visible;

background:#a80036 !important;

border:1px solid #86032c;

z-index:100;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

font: bold 11px Arial;

width: 128px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid #86032c;

margin-top:-4px;

}



.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

background: #86032c !important;

color: #fff;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



#topnav-v2{

	position:relative;

	float:right;

	width:392px;

	height:30px;

	background:#FFF;

	text-align:left;

	margin-right:6px;

	}

#yahoo-logo{

	position:relative;

	float:left;

	width:108px;

	height:30px;

	}

#btn-con{position:relative; float:left; width:167px; height:30px;}

#btn-top1{position:relative; float:left; width:167px; height:15px !important;}

#btn-top1 a{border:0px;}

#btn-top2{position:relative; float:left; width:167px; height:15px;}

#btn-top2 a{border:0px;}

#btn-con3{position:relative; float:left; width:116px; height:30px;}



#bot-links{margin-top:-8px;}

#bot-links a:link{text-decoration:underline; color:#000; font-family:arial; font-size:11px;}

#bot-links a:visited{text-decoration:underline; color:#000; font-family:arial; font-size:11px;}

#bot-links a:hover{text-decoration:underline; color:#ff0000; font-family:arial; font-size:11px;}



#sddm

{

	position:absolute;

	margin: 0;

	padding: 0;

	margin-left:10px;

	z-index:30;

}



#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform:uppercase;
	float: left;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background:url(http://site.beautybrokers.com/imgs/beauty-header2-bg_space.gif) no-repeat right top; 
	width:177px;
	
}
#sddm li a {
	display: block;
	margin: 0px;
	padding:7px 0px 7px 0px;
	margin:0px 4px 0px 0px;
	background:none;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	background:none; color:#FFF; text-decoration:underline;}

#sddm div
{
position: absolute;
	visibility: hidden;
	background: #ffffff;
	border-left: 1px solid #a00034;
	border-right: 1px solid #a00034;
	border-bottom: 1px solid #a00034;
	width:160px;
	margin:0px;
	padding:0px;
	z-index: 120;
}

	#sddm div a	{
		position:relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width:auto;
		text-align: left;
		text-decoration: none;
		white-space:nowrap;
		background: #fff;
		color: #a00034;
		font: 12px arial;
		text-transform:capitalize;
		}


	#sddm div a:hover
	{	background: #a00034;
		color: #FFF;text-decoration:none;}
		
/*Added by chintan for paging - Aug 21, 2009*/

.paging {color:#323232; float:right;font-family:Arial,Helvetica,sans-serif; font-size:12px;font-weight:bold; text-align:right;width:100%;word-spacing:3px;}

.paging a{color:#323232; text-decoration:underline}
.paging .viewall{color:#323232; text-decoration:underline}
.paging .viewall{color:#a80036;}

.paging a:hover{color:#a80036;}

.paging span{ color:#a80036; text-decoration:underline }

.paging span.disable{ font-weight:bold; color:#8e8e8e; text-decoration:none;}

