* {
	margin:0px;
	padding:0px;
	outline:none;
	
}

html,body,
ul,dl {
  margin:0;
  padding:0;
  }
p {
  margin:0; 
  padding-top:0px;
  }
body {
  text-align:center;
  font:normal 70%/1.2 arial, sans-serif;
  color:#4b4b4b;
  /* background-image:url(../images/bg_body.jpg);*/
  background-image:url(../images/bluray/bg_body_br.jpg);
  background-position:top center;
	background-repeat:repeat-x;
  /*background-attachment:fixed;*/
  background-color:#000;
  }
.nobr
  {
	white-space: nowrap;
  }
img {
	border:0;
	display:block;
  }

div.hr {
  height: 1px;
  background: #999;
	}
div.hr hr {
  display: none;
	}
div.hr1 {
  height: 2px;
  background:#e1e1e1;
  background: #999;
	}
div.hr1 hr {
  display: none;
	}
a {
	color: #4b4b4b;
	text-decoration: underline;
  }

a:link{
	color: #4b4b4b;
	text-decoration: underline;
  }

a:visited{
	color: #4b4b4b;
	text-decoration: underline;
  }
a:hover{
	text-decoration: underline;
  }
/* Header
-----------------------------*/
#mainwrapper {
	position:relative;
	z-index:0;
  left:1px;
	width: 811px;
	margin: auto;
  /*background-image:url(../images/bg_top.jpg);*/
	/*background-image:url(../images/blues/bg_top_blue.jpg);
  background-image:url(../images/bluray/bg_top_br.gif);
	background-repeat:repeat-y;*/
  border-left: 2px solid #2a89a9;
  border-right: 2px solid #2a89a9;
  background:#fff;

}
#flashcontent {
	margin: auto;
	width: 810px;
	height: 399px;
}
#flashcontent2 {
	position:relative;
	width: 811px;
	text-align:center;
}
#header .box {
	width:769px;
	height:93px;
	margin:auto;
	position:relative;
  }
#header{
	position:relative;
	margin:auto;
	padding:0;
	width:832px;
	height:105px;
  }
h1{
	margin:0;
	position:absolute;
	left:0px;
  margin-bottom: -69px;
	position: absolute;
	left: -95px;
	top: 11px;
  }
h1 a{
	display:block;
	/*width:68px;
	height:68px;
	background:url(../images/cargo_logo2.gif) no-repeat;
  background:url(../images/blues/cargo_logo2_blue.gif) no-repeat;*/
  width:93px;
	height:90px;
  background:url(../images/bluray/cargo_logo_br.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
  }
#mainwrapper .beyoutiful{
	position:relative;
	padding-bottom:40px;
	width:108px;
	height:21px;
	background:url(../images/t_beyoutiful.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
  }
#header .homehr {
	position:absolute;
	top:92px;
	left:0px;
	width:769px;
	height:11px;
	margin-bottom:15px;
  }
/* Home
-----------------------------*/
#home #content,
#behind #content,
#collection #content,
#plantlove #content,
#celebrity #content,
#howto #content,
#bluray #content,
#whatshot #content {
	clear:both;
	position:relative;
	margin:auto;
	padding:0;
	width:811px;
	text-align:left;
	left:1px;
	display:block;
	overflow:visible;
	border-left: 2px solid #2a89a9;
	border-right: 2px solid #2a89a9;
	border-bottom: 2px solid #2a89a9;
	/*background-image:url(../images/bg.gif);
  background-image:url(../images/blues/bg_blue.gif);
  background-image:url(../images/bluray/bg_top_br.gif);
	background-repeat:repeat-y;*/
  background:#fff;
	padding-top: 15px;
	}
#behind #right p {
  padding-bottom:10px;
  }
#collection #right p {
  padding-bottom:10px;
  }
#celebrity #right p {
  padding-bottom:10px;
  }
#masthead{
  clear:both;
  padding-top:63px;
	width:811px;
	margin:auto;
	position:relative;
	display:block;
  }
#lefthome {
  position:relative;
  float:left;  
  width:305px;
  display:block; 
  }
#righthome {
	position:relative;
	float:right;
	width:463px;
	text-align:left;
	display:block;
	height: 290px;
	padding-bottom: 18px;
  color:#000;
  }
#imageproduct {
  position:relative;
  float:right;  
  width:250px;
  display:block; 
  }
#textproduct {
  position:relative;
  float:left;
  width:375px;
  padding-left:35px;
  text-align:left;
  display:block; 
  }
#howto {
  position:relative;
  float:right;
  width:136px;
  padding-right:6px;
  display:block;
  }
h2{
	margin:0;
	left:0px;
	margin-bottom:4px;
  }
h2 a{
	display:block;
	width:328px;
	height:48px;
	background:url(../images/cargo_header.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
  }
#new{
	float:left;
	position:relative;
	width:357px;
	margin: 0px;
	padding-right:13px;
	display:block;
	text-align:left;
  border-right:1px solid #999;
	}
#bestsellers {
	float:right;
	position:relative;
	width:200px;
	margin:0;
	padding-left:9px;
	text-align:left;
	}
#left {
	clear:both;
	float:left; 
	position:relative; 
	width:169px; 
	margin:0;
	padding:0;
	text-align:left;
	left:20px;
	display:block;
	}
#right {
	float:right;
	position:relative;
	width:585px;
	right:20px;
	display:block;
	text-align:left;
	background-repeat: no-repeat;
	}
#full {
	clear:both;
	position:relative; 
	width:769px; 
	margin:0;
	padding:0;
	text-align:left;
	left:20px;
	display:block;
	}
#behindleft{
	float:left;
	position:relative;
	width:406px;
	margin: 0px;
	margin-right:14px;
	display:block;
	text-align:left;
	}
#behindright {
	float:right;
	position:relative;
	width:150px;
	margin:0;
	text-align:left;
	margin-top:37px;
	}

/* Other pages
-----------------------------*/
.pages {
	float:right; 
	position:relative; 
	width:300px; 
	display:block;
	text-align:right;
	}
#pages1 {
	float:right; 
	position:relative; 
	width:300px; 
	display:block;
	text-align:right;
	}
#aplinks {
	position:relative; 
	width:580px; 
	display:block;
	text-align:left;
	}
#aplinks a{
	font-weight:bold;
	text-decoration:none;
  }
#back {
	display:block;
  margin-top:18px;
	text-align:left;
	padding-left:15px;
	background:url(../images/prod_back_arrows.gif) no-repeat;
	}
#viewall {
	display:block;
	text-align:left;
	padding:8px 0 10px 8px;
	background:url(../images/red_nav_arrow.gif) no-repeat;
	background-position: 0px 4px;
	}
#learnmore a {
	display:block;
  margin-top:18px;
  width:195px;
  height:14px;
	padding-bottom:12px;
  /*background:url(../images/b_learnmore.gif) no-repeat;*/
  background:url(../images/blues/b_learnmore_blue.gif) no-repeat;
  text-indent:-9999px;
	}
#indent {
	display:block;
	margin:0 0 15px 13px;
	}
#indent2 {
	display:block;
	margin:20px 0 20px 33px;
	}
/************* Where to Buy Page **************/
#h_wtb {
	float:left;
	position:relative; 
	display:block;
  white-space:nowrap;
	width:136px;
	height:17px;
	background:url(../images/t_wheretobuy.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;	
  margin-top:9px;
  margin-bottom:25px;
	}
#wtbNav {
	position:relative;
	width:320px;
	margin-top:10px;
	display:block;
	white-space:nowrap;
	float:right;
	z-index:1;
	text-align:left;
  }
#wtbNav li {
  float:left;
  list-style:none;
  height:30px;
  }
#wtbNav a {
  display:block;
  height:100%;
  text-decoration:none;
  color: #4B4B4B;
  text-decoration:underline;
  font:bold 110%/1.2 arial, sans-serif;
  }
#wtbNav-1 { width:90px; padding-right:20px; text-align:right;  }
#wtbNav-2 { width:51px; padding-right:20px; text-align:right;  }
#wtbNav-3 { width:130px; text-align:right; }

#wtbNav-1 a:hover, #wtbNav-1.here a { color: #cc0000; text-decoration:underline; font:bold 110%/1.2 arial, sans-serif; }
#wtbNav-2 a:hover, #wtbNav-2.here a { color: #cc0000; text-decoration:underline; font:bold 110%/1.2 arial, sans-serif; }
#wtbNav-3 a:hover, #wtbNav-3.here a { color: #cc0000; text-decoration:underline; font:bold 110%/1.2 arial, sans-serif; }

#wtb1, #wtb1a {
margin:0 0 11px;
padding:0;
vertical-align:bottom;
width:580px;
}

.WTB_regionTitle  {
	padding-top: 10px;
}


/************* WTB Table ***********/
table.WTB {
	width:590px;
	padding: 0px;
	margin: 0;
	margin-bottom:11px;
  vertical-align:bottom;
  padding-bottom:20px;
	}

table.WTB tbody td {
	padding: 5px;
	border-bottom:solid 1px #ccc;
	border-right: none;
	}
.region_title td {
	margin-bottom:10px;
	margin-top:15px;
}
.region_title_fr {
	margin-bottom:10px;
}
.region_title_us {
	margin-bottom:10px;
	margin-right:10px;
}
th.WTB {
	height: 22px;
	text-align: left;
  padding:0;
  margin:0;
	}
th.WTB_topLeft {
	background-image: url(../images/wtb_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #e1e1e1;
	}
th.WTB_left, td.WTB_left {
	padding-left: 5px;
	width: 169px;
	}
th.WTB_right, td.WTB_right {
	padding-right: 5px;
	}
th.WTB_top {
	background-color: #e1e1e1;
	padding: 0;
  padding-left: 5px;
	}
th.WTB_topRight {
	background-image: url(../images/wtb_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #e1e1e1;
	}

/************* Text **************/
.red{
  color: #cc0000;
  font-weight: bold;
  }
.largered{
  color: #cc0000;
  font-weight: bold;
  font:bold 130%/1.2 arial, sans-serif;
  margin-top:8px;
  margin-bottom:7px;
  }
#behind .largered{
  color: #cc0000;
  font-weight: bold;
  font:bold 130%/1.2 arial, sans-serif;
  margin-top:8px;
  margin-bottom:0px;
  }
#collection .largered{
  color: #cc0000;
  font-weight: bold;
  font:bold 130%/1.2 arial, sans-serif;
  margin-top:8px;
  margin-bottom:0px;
  }
#plantlove .largered{
  color: #cc0000;
  font-weight: bold;
  font:bold 130%/1.2 arial, sans-serif;
  margin-top:8px;
  margin-bottom:0px;
  }
.medred{
  color: #cc0000;
  font-weight: bold;
  font:bold 110%/1.2 arial, sans-serif;
  }
.black{
  color: #000;
  font-weight: none;
  margin-bottom:8px;
  }
.medblack{
  color: #000;
  font-weight: bold;
  font:bold 110%/1.2 arial, sans-serif;
  }
.titleproduct{
  font-weight: bold;
  font:bold 125%/1.2 arial, sans-serif;
  }
/************* Colors that change **************/
.brown{
	color: #f187b6;
	font-weight: bold;
	font:bold 150%/1.2 arial, sans-serif;
  }
.taupe{
	color: #e3106e;
	font-weight: bold;
	font:bold 150%/1.2 arial, sans-serif;
  }

.salmon{
  color: #996666;
	font-weight: bold;
  }
.pink{
	color: #CC0066;
	font-style: italic; 
  }
.small{
	font:85%/1.2 arial, sans-serif;
  }

/* Tables
-----------------------------*/
td {
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	padding: 0px 0px 0px 0px;
  }
.hometable {
	padding: 0;
	margin: 0;
	margin-top:5px;
	margin-bottom:28px;
  }
#collectpage {
	padding: 0;
	margin: 0;
	margin-top:5px;
	margin-bottom:28px;
	padding-bottom:15px;
	text-align:left;
  }
#collections td{
	padding-bottom:15px;
	text-align:center;
	vertical-align: top;
  }
#collections {
	padding: 0;
	margin: 0;
	margin-top:5px;
	margin-bottom:28px;
	padding-bottom:15px;
	text-align:center;
  }
#collectpage td,{
	padding-bottom:15px;
  }
#listtable {
	width:580px;
	padding: 10px;
	margin: 0;
	margin-top:5px;
	margin-bottom:5px;
  }
#listtable td{
	width:193px;
	padding: 10px;
	margin: 0;
  }
#listtable tr{
	vertical-align: top;
  }
#aptable {
	width:580px;
	padding: 0px;
	margin: 0;
	margin-top:15px;
	margin-bottom:15px;
  }

#producttable{
	width:760px;
	margin-bottom:12px;
  margin-left:10px;
  }
#producttable .left{
	width:70px;
	margin: 0;
  }
#producttable .middle{
	padding-left:10px;
	margin: 0;
  }
#producttable .right{
	width:43px;
	height:65px;
	margin: 0;
  padding-right:9px;
	text-align:right;
  }
#t_extratable1 {
  bottom:6px;
  width:192px;
  height:34px;
  top:0px;
  margin-left:11px;
  padding:0;
  overflow:hidden;
  background:transparent url(../images/prod_goes_well_with.gif) no-repeat;
  text-indent:-9999px;
  }
#t_extratable2 {
  bottom:6px;
  width:192px;
  height:34px;
  top:0px;
  margin-left:11px;
  padding:0;
  overflow:hidden;
  background:transparent url(../images/prod_you_might_also.gif) no-repeat;
  text-indent:-9999px;
  }
#p_extratable1,
#p_extratable2 {
	width:768px;
  margin-left:10px;
  }
#p_extratable1 td,
#p_extratable2 td{
	width:182px;
	padding-right: 10px;
	margin: 0;
  }
#p_extratable1 tr,
#p_extratable2 tr{
	vertical-align: top;
  }
#p_extratable1 img,
#p_extratable2 img {
  border:0;
  display:block;
  padding-left:20px;
  }
#complexion {
	width:568px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #999;
	margin-bottom:20px;
  }
#complexion .divider,
#awards .divider {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
  }
#complexion p{
	padding-left: 20px;
	margin:0;
  }
#awards {
	width:580px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	margin-bottom:20px;
  }
#awards .grey {
	width:370px;
	border: 0;
	margin: 0;
	padding:5px 20px;
0 10px;
	background:#F7F7F7;
  }
  /* Celeb and Plant Love
-----------------------------*/
#t_pl_1 {
	background:url(../images/pl_subhdr1.gif) no-repeat;
  margin:0;
  padding:0;
  width:225px;
  height:30px;
	text-indent:-9999px;
  }
#t_pl_2 {
	background:url(../images/pl_subhdr2.gif) no-repeat;
  margin:0;
  margin-top:10px;
  margin-bottom:10px;
  padding:0;
  width:322px;
  height:40px;
	text-indent:-9999px;
  }
#t_pl_3 {
	background:url(../images/pl_subhdr3.gif) no-repeat;
  margin:0;
  padding:0;
  width:460px;
  height:30px;
	text-indent:-9999px;
  }
#t_pl_4 {
	background:url(../images/t_sharelove.gif) no-repeat;
  margin:0;
  padding:0;
  width:129px;
  height:30px;
  text-indent:-9999px;
  }
#pl_left {
	float:left;
	position:relative;
	width:385px;
	margin: 0px;
	padding-top:20px;
	display:block;
	text-align:left;
	}
#pl_right {
	float:right;
	position:relative;
	width:160px;
  padding-top:10px;
	margin:0;
	text-align:left;
  } 
#pl_left1 {
	float:left;
	position:relative;
	width:381px;
	margin: 0px;
	padding-top:40px;
	display:block;
	text-align:left;
	}
#pl_right1 {
	float:right;
	position:relative;
	width:160px;
	margin:0;
	padding-top:10px;
	text-align:left;
	margin-top:0px;
  }
#celeb_right1 {
	float:right;
	position:relative;
	width:160px;
	margin:0;
	text-align:left;
	padding-top:10px;
  }
#celeb_left1 {
	float:left;
	position:relative;
	width:374px;
	margin: 0px;
	padding-top:40px;
	display:block;
	text-align:left;
	}
#badges1 {
  margin:auto;
  position:relative;
  width:514px;
  left:0px;
	text-indent:-9999px;
	overflow:hidden;
  }
#badges2 {
  margin:auto;
  position:relative;
  width:514px;
  margin:10px 0 0px 34px;
	text-indent:-9999px;
	overflow:hidden;
  }
 #badges_3 {
  margin:auto;
  position:relative;
  width:514px;
  margin:10px 0 30px 34px;
	text-indent:-9999px;
	overflow:hidden;
  }
#badges1a {
  padding-top:10px;
  position:relative;
  width:514px;
  left:0px;
	text-indent:-9999px;
	overflow:hidden;
  }
#badges2a {
  position:relative;
  width:514px;
  left:0px;
  margin:10px 0 0px 0;
	text-indent:-9999px;
	overflow:hidden;
  }
  #badges3a {
  position:relative;
  width:514px;
  left:0px;
  margin:10px 0 40px 0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	
  }
 
#badges1 dl, 
#badges2 dl,
#badges1a dl, 
#badges2a dl,
#badges3a dl{
  float:left;
  width:170px;
  }
#badges1 dt a,
#badges2 dt a,
#badges_3 dt a,
#badges1a dt a,
#badges2a dt a,
#badges3a dt a{
  display:block;
  padding-top:100%;
  height:0;
  }
#badges1,
#badges1a {
  background:transparent url(../images/pl_celebs1.jpg) no-repeat;
  height:173px;
  }
#badges2,
#badges2a {
  background:transparent url(../images/pl_celebs2.jpg) no-repeat;
  height:173px;
  }
 
 #badges_3,
#badges_3a,
#badges3a {
  background:transparent url(../images/pl_celebs3.jpg) no-repeat;
  height:173px;
  }
 

#t_pl_moms {
	background:url(../images/pl_t_moms.gif) no-repeat;
  margin:0;
  padding:0;
  width:366px;
  height:39px;
	text-indent:-9999px;
  }
#t_celeb_moms {
	background:url(../images/pl_t_moms.gif) no-repeat;
  margin:0;
  margin-left:35px;
  width:366px;
  height:39px;
	text-indent:-9999px;
  }
#badges3 {
  position:relative;
  width:519px;
  height:214px;
  left:0px;
  margin:10px 0 50px 0;
	text-indent:-9999px;
	overflow:hidden;
  background:url(../images/pl_moms.jpg) no-repeat;
  }
#celebbadges3 {
  position:relative;
  width:519px;
  height:214px;
  left:0px;
  margin:10px 0 50px 35px;
	text-indent:-9999px;
	overflow:hidden;
  background:url(../images/pl_moms.jpg) no-repeat;
  }
#badges3 dl,#celebbadges3 dl{
  float:left;
  width:170px;
  }
#badges3 dt a, ,#celebbadges3 dt a {
  display:block;
  padding-top:100%;
  height:0;
  }

/* Mascara Page */

#masc1{
	padding:0;
	width:585px;
	height:253px;
  padding-bottom:13px;
  background:transparent url(../images/bluray/masc_lashact.jpg) no-repeat;
  }
#masc2{
	padding:0;
	width:585px;
	height:193px;
  padding-bottom:13px;
  background:transparent url(../images/bluray/masc_br.jpg) no-repeat;
  }
#masc3{
	padding:0;
	width:585px;
	height:196px;
  padding-bottom:13px;
  background:transparent url(../images/bluray/masc_texas.jpg) no-repeat;
  }
#masc4{
	padding:0;
	width:585px;
	height:227px;
  padding-bottom:13px;
  background:transparent url(../images/bluray/masc_water.jpg) no-repeat;
  }
#masc5{
	padding:0;
	width:585px;
	height:209px;
  padding-bottom:13px;
  background:transparent url(../images/bluray/masc_super.jpg) no-repeat;
  }
.masc_right {
	float:right;
	position:relative;
	width:320px;
	margin:0;
	text-align:left;
  padding-right:27px;
	padding-top:28px;
  }
.masc_left {
	float:left;
	position:relative;
	width:200px;
	margin: 0px;
	padding-top:20px;
  padding-left:19px;
	display:block;
	text-align:left;
	}
.fine {
	font-size:9px;
	font-style:italic;
	line-height:10px;
}
/* bluray Page 
------------------------*/
#blurayright {
	float:right; 
	position:relative; 
	width:600px; 
	display:block;
	text-align:left;
	}
#br_header{
	position:relative;
	padding:0;
	width:600px;
	height:430px;
	display:block;
	background:transparent url(../images/bluray/header_bkg.jpg) no-repeat 0px -12px;
  }
#br_1{
  position:absolute;
  left:17px;
  top:208px;
	padding-bottom:12px;
	width:276px;
	height:240px;
  display:block;
  background:transparent url(../images/bluray/br_blush.jpg) no-repeat;
  }
#br_2{
  position:absolute;
  left:307px;
  top:208px;
	padding:0;
	width:276px;
	height:235px;
  display:block;
  background:transparent url(../images/bluray/br_mascara.jpg) no-repeat;
  }
#br_3{
  position:relative;
  float:left;
  left:17px;
	padding:0;
	width:276px;
	height:239px;
  display:block;
  background:transparent url(../images/bluray/br_mattifier.jpg) no-repeat;
  margin-top:15px;
  }
#br_4{
	float:right; 
	position:relative; 
	width:276px; 
	display:block;
	text-align:left;
  right:16px;
	width:276px;
	height:239px;
  background:transparent url(../images/bluray/br_brglos.jpg) no-repeat;
  margin-top:15px;
  }
#br_5{
  position:relative;
  clear:all;
  float:left;
  left:17px;
	padding:0;
	width:276px;
	height:250px;
  display:block;
  background:transparent url(../images/bluray/br_pressedpowder.jpg) no-repeat;

  }
#br_6{
  position:relative;
  float:right;
  right:16px;
	width:276px;
	height:250px;
  display:block;
  background:transparent url(../images/bluray/br_concealer.jpg) no-repeat;
  }
  #br_7{
  position:relative;
  clear:all;
  float:left;
  left:17px;
	padding:0;
	width:276px;
	height:234px;
  display:block;
  background:transparent url(../images/bluray/br_cloths.jpg) no-repeat;
  }
#br_8{
  position:relative;
  float:right;
  right:16px;
	width:276px;
	height:234px;
  display:block;
  background:transparent url(../images/bluray/br_bronzer.jpg) no-repeat;
  }
.br_title {
	position:relative;
  padding-left:19px;
  display:block;
	width:150px;
  height:52px;
	margin:0;
	text-align:left;
	padding-top:20px;
  text-indent:-9999px;
  }
  .br_title2 {
	position:relative;
  padding-left:19px;
  display:block;
	width:150px;
  height:32px;
	margin:0;
	text-align:left;
	padding-top:20px;
  text-indent:-9999px;
  }
  .br_title_4 {
	position:relative;
  padding-left:19px;
  display:block;
	width:150px;
  height:52px;
	margin:0;
	margin-bottom:25px;
	text-align:left;
	padding-top:20px;
  text-indent:-9999px;
  }
.br_text {
	position:relative;
	width:140px;
	margin: 0px;
	padding-top:0px;
  padding-left:19px;
	display:block;
	text-align:left;
	}
.br_text2 {
	position:relative;
	width:128px;
	margin: 0px;
	padding-top:0px;
  padding-left:25px;
	display:block;
	text-align:left;
	}
.br_text3 {
	position:relative;
	width:123px;
	margin: 0px;
	padding-top:0px;
  padding-left:19px;
	display:block;
	text-align:left;
	}
.br_text4 {
	position:relative;
	width:165px;
	margin: 0px;
	padding-top:0px;
  padding-left:19px;
	display:block;
	text-align:left;
	}
#bluray h5 {
	position:relative;
  display:block;
  width:100px;
  padding-left:19px;
  text-indent:-9999px;
  }
  /* How To Page
-----------------------------*/
#howtonav {
  clear:both;
  height:22px;
  width:560px;
  background:transparent url(../images/nav_howto.gif) no-repeat;
  text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
  }
#howtonav li {
  float:left;
  list-style:none;
  height:22px;
  }
#howtonav a {
  display:block;
  height:100%;
  text-decoration:none;
  }
#howtonav-1 { width:171px;}
#howtonav-2 { width:150px;}
#howtonav-3 { width:95px;}
#howtonav-4 { width:110px;}
.howto-1 {
  clear:both;
  margin-left:13px;
  color: #a6a6a6;
  }
.howto-1 p{
  clear:left;
  margin-top:5px;
  margin-bottom:10px;
  }
.howto-2 {
  clear:both;
  color: #a6a6a6;
  }
.howto-left a,
.howto-right a {
  height:100%;
  color: #a6a6a6;
  text-decoration:underline;
  font:bold 115%/1.2 arial, sans-serif;
  }
.howto-left {
  float:left;
  margin-top:5px;
  margin-bottom:10px;
  color: #a6a6a6;
  }
.howto-right {
  float:right;
  margin-top:5px;
  margin-bottom:10px;
  color: #a6a6a6;
  }
/************* #product page styles **************/
#hrcurve {
  clear:both;
  position:relative;
  display:block;
  height:67px;
  width:810px;
  padding-bottom:5px;
  left:1px;
	/*background:url(../images/hr_curve.gif) no-repeat;*/
  background:url(../images/blues/hr_curve_blue.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
	}
#product {
  clear:both;
  height:22px;
  width:775px;
  overflow:hidden;
  /*background:transparent url(../images/product_bar.gif) no-repeat;*/
  background:transparent url(../images/bluray/product_bar.gif) no-repeat;
  }
#product li {
  float:left;
  list-style:none;
  height:22px;
  }
#product a {
  display:block;
  height:22px;
  text-decoration:none;
  }
#product-1 { width:617px; padding-top:5px; padding-left:17px;}
#product-2 { width:30px; padding-top:5px;}
#product-3 { width:42px; padding-top:5px; text-align:right; padding-right:5px;}
#product-4 { width:48px; padding-top:5px; text-align:right; padding-right:10px;}

/************* #topNav styles **************/
#topNav {
  clear:both;
  top:298px;
  left:325px;
  height:96px;
  width:449px;
  overflow:hidden;
  background:transparent url(../images/topnav.jpg) no-repeat;
  z-index:-1;
  }
#topNav li {
  float:left;
  list-style:none;
  height:96px;
  text-indent:-9999px;
  }
#topNav a {
  display:block;
  height:100%;
  text-decoration:none;
  }
#topNav-plantlove { width:85px; }
#topNav-awards { width:92px; }
#topNav-complexion { width:92px; }
#topNav-collections { width:95px; }
#topNav-behind { width:85px; }

#topNav-plantlove a:hover, #topNav-plantlove.here a { background:transparent url(../images/topnav.jpg) -0px -96px no-repeat; }
#topNav-awards a:hover, #topNav-awards.here a { background:transparent url(../images/topnav.jpg) -85px -96px no-repeat; }
#topNav-complexion a:hover, #topNav-complexion.here a { background:transparent url(../images/topnav.jpg) -177px -96px no-repeat; }
#topNav-collections a:hover, #topNav-collections.here a { background:transparent url(../images/topnav.jpg) -269px -96px no-repeat; }
#topNav-behind a:hover, #topNav-behind.here a { background:transparent url(../images/topnav.jpg) -364px -96px no-repeat; }

/************* #productNav styles **************/
#ourproducts {
  clear:both;
  position:relative;
  bottom:6px;
  width:98px;
  height:15px;
  top:0px;
  margin:0;
  padding:0;
  overflow:hidden;
  /*background:transparent url(../images/t_ourproducts.gif) no-repeat;*/
  background:transparent url(../images/blues/t_ourproducts_blue.gif) no-repeat;
  z-index:1;
  text-indent:-9999px;
  }
#productNav {
	position:relative;
	height:226px;
	width:169px;
	overflow:hidden;
	background:transparent url(../images/productnav_new.gif) no-repeat;
	text-align:left;
	margin-bottom: 0px;
	clear: both;
	margin-top: 6px;
  }
#productNav li {
  float:left;
  list-style:none;
  width:169px;
  text-indent:-9999px;
  }
#productNav a {
	display:block;
	height:22px;
	text-decoration:none;
  }
 
#productNav-fav a{ height:20px; }
#productNav-makeup a{ height:20px; }
#productNav-face a{ height:20px; }
#productNav-eyes a{ height:20px; }
#productNav-lips a{ height:20px; }
#productNav-cheeks a{ height:20px; }
#productNav-brushes a{ height:25px; }
#productNav-gift a{ height:25px; display:none; }
#productNav-celeb a{ height:20px; }
#productNav-togo a{ height:20px; }
#productNav-all a{ height:18px; }

#productNav-fav a:hover, #productNav-fav.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -250px;
}
#productNav-makeup a:hover {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -503px;
}
#productNav-makeup.here a { 
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-position: 0 -271px;
	background-repeat: no-repeat; 
}
#productNav-face a:hover, #productNav-face.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -291px;
}
#productNav-eyes a:hover, #productNav-eyes.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -311px;
}
#productNav-lips a:hover, #productNav-lips.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -331px;
}
#productNav-cheeks a:hover, #productNav-cheeks.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -351px;
}
#productNav-brushes a:hover, #productNav-brushes.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -371px;
}
#productNav-gift a:hover, #productNav-gift.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -391px;
}
#productNav-celeb a:hover, #productNav-celeb.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -396px;
}
#productNav-togo a:hover, #productNav-togo.here a {
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -416px;
}
#productNav-wtb a:hover, #productNav-wtb.here a {
	background-image: url(../images/productnav_new.gif);
	background-repeat: no-repeat;
	background-position: 0 -436px;
}
#productNav-all a:hover, #productNav-all.here a { 
	background-color: transparent;
	background-image: url(../images/productnav_new.gif);
	background-position: 0 -428px;
	background-repeat: no-repeat; 
}

  /* Footer
-----------------------------*/
#footer {
	clear:both;
	display:block; 
	height:38px; 
	text-align:left; 
	padding-top:10px;
	}
#footer .box{
	width:769px;
	height:38px;
	margin:0 auto;
	position:relative;
  }
#footer ul{
	position:absolute;
	padding:0;
	margin-top:10px;
  }
#footer ul li{
	list-style-type:none;
	padding-right:20px;
	padding-left:1px;
	float:left;
  }
#legal {
	float:right;
	padding-right:0px;
	margin-top:10px;
	color: #999;
	}
#footer a {
  height:100%;
  color: #999;
  text-decoration:underline;
  }#shopsephora {
	background-color: #000000;
	color: #FFFFFF;
	margin-top: 10px;
}
#righthome #subnav {
	position: absolute;
	bottom: 18px;
	width: 100%;
}
#bottom {
  clear:both;
	position:relative;
	margin:auto;
	padding:0;
	width:832px;
  height:12px;
  left:2px;
	display:block; 
  /*background:transparent url(../images/bg_bottom.gif) no-repeat;
  background:transparent url(../images/blues/bg_bottom_blue.gif) no-repeat;*/
	}
/*#left {
	clear:both;
	float:left; 
	position:relative; 
	width:169px; 
	margin:0;
	padding:0;
	text-align:left;
	left:20px;
	display:block;
	}*/
#rightxmas {
	float:right; 
	position:relative; 
	width:596px; 
	right:10px;
	display:block;
	text-align:left;
	}
.xmas-left1 {
  float:left;
  width:216px;
  margin-top:89px;
  margin-bottom:10px;
  color: #a6a6a6;
  }
.xmas-right1 {
  float:right;
  padding-right:5px;
  width:373px;
  margin-top:5px;
  color: #a6a6a6;
  }
.xmas-2 {
  
  width:594px;
  height:439px;
  color: #b1def1;
  text-align:center;
  }
.xmas-left2 {
  float:left;
  width:234px;
  padding-left:26px;
  margin-top:13px;
  margin-bottom:23px;
  color: #b1def1;
  }
.xmas-right2 {
  float:right;
  padding-right:28px;
  width:253px;
  margin-top:13px;
  margin-bottom:23px;
  color: #b1def1;
  }
  #sj_left {
	float:left;
	position:relative;
	width:125px;
	padding-left: 15px;
	padding-top:10px;
	display:block;
	text-align:left;
	}
#sj_right {
	float:right;
	position:relative;
	width:380px;
	margin:0;
	right:225px;
	padding-top:50px;
	text-align:left;
	margin-top:0px;
	font:bold 105%/1.5 helvetica, sans-serif;
	color: #216f92;
  }
.sj_large {
	font:bold 115%/1.5 helvetica, sans-serif;
	color: #216f92;
  }
#sj_1 {
  background:url(../images/xmas/t_giftsthatgiveback.gif) no-repeat;
  margin:0;
  padding:0;
  width:192px;
  height:34px;
  text-indent:-9999px;
  }
a.checkout_bluray,
a.checkout_bluray:link,
a.checkout_bluray:visited
 {
	position: absolute;
	top: 162px;
	z-index: 9;
	left: 0px;
	background: url(../images/checkout_btn.jpg) 0px 0px;
	display: block;
	height: 26px;
	width: 216px;
	text-indent: -9999px;
}

a.checkout_bluray:hover { background: url(../images/checkout_btn.jpg) 0 -26px; }
a#mascara {
	background-image: url(../images/mascara_tout.jpg);
	background-repeat: no-repeat;
	height: 159px;
	width: 169px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 0px;
	background-position: 0px 0px;
}
a#mascara:hover {
	background-image: url(../images/mascara_tout.jpg);
	background-position: 0px -159px;
}
#flame {
	clear: none;
	float: right;
	height: 1400px;
	width: 600px;
	position: absolute;
	top: -80px;
	left: 214px;
	background-image: url(../images/flame.gif);
	background-repeat: no-repeat;
	background-position: right;
	z-index: 5;
}
#whatsHotTable {
	width: 600px;
	position: relative;
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	float: right;
	height: 1340px;
}
p.whatsHot_copy {
	width:340px;
	color: #333333;
	margin-bottom: 25px;
}
.whatsHot_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
.whatsHot_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#backgroundI {
	position: absolute;
	z-index: 1;
	height: 1400px;
	width: 580px;
}
#background {
	height: 1400px;
	width: 500px;
	position: relative;
	top: 300px;
}
#whatshot #content {
	background-image: url(../images/whatsHot_background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.cellPadding {
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.CellPaddingMore {
	padding-right: 40px;
}
h2.lookshot { }
#whatsHotTable h4 {
	margin-top: 12px;
	margin-bottom: 4px;
	position: relative;
	left: -2px;
}
#whatsHotTable h3 {
	margin-top: 40px;
	left: -2px;
	position: relative;
}
#fashion {
	height: 199px;
	width: 169px;
	margin-top: 10px;
}
#fashion_tout {
	height: 0px;
	width: 728px;
	position: relative;
	margin: auto;
	padding-bottom: 10px;
}
#home #footer {
	height: 138px;
}

.seph  {
	float:right;
}
ter {
	height: 138px;
}

.seph  {
	float:right;
}

/* SIDE TOUT FB Twitter STYLES */

a#facebook {
	background-image: url(../images/facebook_tout.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 169px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	background-position: 0px 0px;
}
a#facebook:hover {
	background-image: url(../images/facebook_tout.jpg);
	background-position: 0px -45px;
}

a#twitter {
	background-image: url(../images/twitter_tout.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 169px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	background-position: 0px 0px;
}
a#twitter:hover {
	background-image: url(../images/twitter_tout.jpg);
	background-position: 0px -45px;
}

a#ulta {
	background-image: url(../images/ulta.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 169px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	background-position: 0px 0px;
}

a.ulta_link {
	text-align:center;
	display:block;
	margin-bottom:20px;
}