/***************************************************/
/*                  Page Layout                    */
BODY {
	color:#ADAEAF;
	font:normal 8px Arial, Helvetica, Verdana, Sans-Serif;
	margin:0px 0px;
	background-color:#CCCCCC;
	background-image: url(/media/images/beautyfirst-pgbkg-swirl.jpg);
}
.MainBodyContainer{ position:relative; top:0px; left:0px; width:100%; background-color:white; }


/***************************************************/
/*                   Main Header                   */
.PageHeaderContainer{}
.LtPageHeader{}
.CtPageHeader{}
.RtPageHeader{}
.HeaderContainer { background-color: #27272B; }


/***************************************************/
/*                   Left Rail                     */
.LtRailHeader {}
.LtRailHeaderCell {}
.LtRailRepeater { width:215px; }
.LtRailRepeaterCell span {padding:3px 5px;}
.LtRailFooter { width:215px; }
.LtRailFooterCell {}


/***************************************************/
/*                   Right Rail                    */
.RtRailContainer{width:133px;}
.RtRailBox{ background:#FFFFFF; text-decoration:none; font-size:10px;}
.RtRailSeparator{ font-size:2px; height:10px; }


/***************************************************/
/*                   Main Footer                   */
.PageFooterCell{}
.PageFooterCell DIV{}
.PageFooterContainer{}


/***************************************************/
/*                     Menubar                     */
.MenuBar{ cursor:hand; position:absolute; left: 0px; width:100%; background-color: #ADAEAF; background-image:url(/media/head_bar_back.gif); height:20px; }
.MenuBarItem{ display:inline; height:20px; padding:0px; position:relative; font-family:Arial; font-size:x-small; color:black; float:left; }
.MenuImage{	position:absolute; top:4px; left:165px; }
.MenuShadow{ position: absolute; z-index: 9; background-color: #A2A0A1;	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=50, FinishOpacity=0, Style=0, StartX=0, FinishX=100, StartY=0, FinishY=100); }
.Menu { z-index: 10; position: absolute; top: 10px;	/* border-style: solid; border-color: #A2A0A1; border-width: 1px; background-color: White; */ background-color: #27272B; padding: 2px; }
.MenuContainer { position: relative; top: 0px; left: 0px; z-index: 3; height: 20px; width: 100%; }

/***************************************************/
/*                  Product Page                   */
.ProdBoxContainer{width:518px;}
.ProdBoxHdrLtCorner{ background-image:url(/media/sys_grn_corner_left.gif); }
.ProdBoxHdrLtCorner DIV{ width:11px; height:15px; font-size:2px; }
.ProdBoxCenter{ background-image:url(/media/sys-infobox_hdr_bkg.gif); background-repeat:repeat-x; font-weight:bold; color:#000099; font-size:11px;}
.ProdBoxHdrRtCorner{ background-image:url(/media/sys_grn_corner_right.gif); }
.ProdBoxHdrRtCorner DIV{ width:11px; height:15px; font-size:2px; }
.ProdBox{ background:#FFFFFF; text-decoration:none; border:1px solid #7FC41C; font-size:10px; width:518px; padding:5px 5px;}
.ProdBestsellerText{ text-align:center; padding:5px 5px;}

/***************************************************/
/*                 General Content                 */
.sys_linkheader{color:#eeeeee; font: 12px Arial Verdana Helvetica; font-weight:bold; text-decoration:none; padding:3px 10px; border-bottom:1px solid black; background-color:#ADAEAF;}
.sys_linkanchor{color:#ADAEAF; font: 11px Arial Verdana Helvetica; font-weight:bold; text-decoration:underline;}
.sys_linkanchor:link{color:#ADAEAF; text-decoration:underline;}
.sys_linkanchor:visited{color:#ADAEAF; text-decoration:underline;}
.sys_linkanchor:hover{color:#448A89; text-decoration:none;}
.sys_linktext{color:#969696; font: 10px Arial Verdana Helvetica; font-weight:normal; text-decoration:none;}
.sys_addtocartbutton{}
.sys_sublinkanchor span{padding-left:15px;}

.qp_header{background-color:#5DA526; margin:10px 0px;}
.qp_header TD {padding:2px 10px; padding:3px 5px;}


/***************************************************/
/*                 General Links                   */
a:link { color: #ADAEAF; }
a.ListItem:link { color: #ADAEAF; font-size: x-small; }
a:hover { color:#448A89; text-decoration:none; }
a:active { color: #ADAEAF; }
a.ListItem:active {	color: #ADAEAF;	font-size: x-small; }
a:visited {	color: #ADAEAF; }
a.ListItem:visited { color: #ADAEAF; font-size: x-small; }

a.link{}
a.link:hover{}
a.link:link{}
a.link:active{}
a.link:visited{}

a.ListItem{}
a.ListItem:hover{}
a.ListItem:link{}
a.ListItem:active{}
a.ListItem:visited{}


/***************************************************/
/*                 General Fonts                   */
.ArialGrey10{ font:normal 10px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey12{ font:normal 12px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey14{ font:normal 14px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey18{ font:normal 18px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey24{ font:normal 24px Arial,Helvetica,Verdana,sans-serif; color:#666666; }

.ArialGrey10Bold{ font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey12Bold{ font:bold 12px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey14Bold{ font:bold 14px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey18Bold{ font:bold 18px Arial,Helvetica,Verdana,sans-serif; color:#666666; }
.ArialGrey24Bold{ font:bold 24px Arial,Helvetica,Verdana,sans-serif; color:#666666; }

.ArialGreen10{ font:normal 10px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen12{ font:normal 12px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen14{ font:normal 14px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen18{ font:normal 18px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen24{ font:normal 24px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }

.ArialGreen10Bold{ font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen12Bold{ font:bold 12px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen14Bold{ font:bold 14px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen18Bold{ font:bold 18px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }
.ArialGreen24Bold{ font:bold 24px Arial,Helvetica,Verdana,sans-serif; color:#61aaa5; }

.ArialBlue10{ font:normal 10px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue12{ font:normal 12px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue14{ font:normal 14px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue18{ font:normal 18px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue24{ font:normal 24px Arial,Helvetica,Verdana,sans-serif; color:#000099; }

.ArialBlue10Bold{ font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue12Bold{ font:bold 12px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue14Bold{ font:bold 14px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue18Bold{ font:bold 18px Arial,Helvetica,Verdana,sans-serif; color:#000099; }
.ArialBlue24Bold{ font:bold 24px Arial,Helvetica,Verdana,sans-serif; color:#000099; }

.ArialWhite10{ font:normal 10px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite12{ font:normal 12px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite14{ font:normal 14px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite18{ font:normal 18px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite24{ font:normal 24px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }

.ArialWhite10Bold{ font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite12Bold{ font:bold 12px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite14Bold{ font:bold 14px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite18Bold{ font:bold 18px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }
.ArialWhite24Bold{ font:bold 24px Arial,Helvetica,Verdana,sans-serif; color:#ffffff; }

.ArialBlack10{ font:normal 10px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack12{ font:normal 12px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack14{ font:normal 14px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack18{ font:normal 18px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack24{ font:normal 24px Arial,Helvetica,Verdana,sans-serif; color:#000000; }

.ArialBlack10Bold{ font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack12Bold{ font:bold 12px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack14Bold{ font:bold 14px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack18Bold{ font:bold 18px Arial,Helvetica,Verdana,sans-serif; color:#000000; }
.ArialBlack24Bold{ font:bold 24px Arial,Helvetica,Verdana,sans-serif; color:#000000; }

/***************************************************/
/*                  General Tags                   */
FORM { margin:0px 0px; }

TD { color: #ADAEAF; font-size: 8pt; font-family: Arial, Sans-Serif; }

INPUT { font-size:10px; font-family: Arial, Sans-Serif; }
INPUT.textbox { border: 1px solid #666666 }
INPUT.button {}
BUTTON {}
SELECT { font:bold 10px Arial,Helvetica,Verdana,sans-serif; color:#666666; display:inline-block;}

UL{}
LI{}
LI.link{}
LI.video{}
LI.popup{}

IMG{
border:0px;
}
.ProductDisplay {
	background-color: #FFFFFF;
	background-image: url(/media/productbackground.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.SubHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(/media/recommendbackground.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px;
}
.hideresults {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0 px;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	bottom: 1px;
}
.hideresults A:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0 px;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	bottom: 1px;
}
.hideresults A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0 px;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	bottom: 1px;
}
.hideresults A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0 px;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	bottom: 1px;
}