body { margin:0; padding:0; font-family:Arial;}
#header { width:1088px; margin:auto; height:100px;}
#header img { margin:33px 0 0 0;}
#top-nav { margin:auto; width:1098px; height:30px; z-index: 2;}
#mainContent { height:auto; width:1069px; padding:5px; margin:auto; border:1px solid #fff; z-index: 1;}
p { clear:both; line-height:18px;}
#breadcrumbs { margin:20px 0; color:#8D8989; font-size:13px;}
#breadcrumbs a { margin:20px 0; color:#3DC8CD; font-size:13px; text-decoration:none;}
#product-box { width:800px; height: 500px; text-align:left; float:left; color:#502626; font-size:13px; line-height:18px;}
#product-box a { color:#3DC8CD; font-size:13px; text-decoration:none;}
#product-box h1, h2 { font-size:1em;}
#product-box li { list-style-type:none; padding:0 0 10px 0;}
#product-box.liplux { background-image:url(../products/images/face/extract-back.png); background-repeat:no-repeat;}
#product-rail { width:200px; float:left; margin:0 0 0 40px;} 
#product-rail img { margin:0 0 20px 0; border:0;}
#product-rail3 { width:100px; float:left; margin:0 0 0 30px;} 
#product-rail3 img { margin:0 1px 1px 6px; border:0; padding: 0 1px 0 1px;}
#product-rail4 { width:100px; float:left; margin:0 0 0 1px;} 
#product-rail4 img { margin:0 1px 1px 1px; border:0; padding: 0 1px 0 1px;}

#related-links { text-align:center; clear:both; color:#8D8989; font-size:12px;}
#related-links a { margin:20px 0; color:#3DC8CD; font-size:13px; text-decoration:none;}
#footer { clear:both;}

#ingredients-box h1, h2, #product-box h1, h2 { font-size:1em; margin:0;}
#ingredients-box { width:450px; padding:0 0 0 350px; float:left; color:#8D8989; font-size:13px; line-height:18px;}
#ingredients-box h3 {color:#3DC8CD; margin-bottom:0;}
#ingredients-box ul { margin:0; padding:0; list-style-type:none;}
#ingredients-box li { list-style-type:none;}
#ingredients-box p { margin-top:0;}
#ingredients-box.face-mineral-rose { background-image:url(../products/images/face/face_side2b.png); background-repeat:no-repeat; background-position: 100px 0; height:576px; }
#ingredients-box.face-mineral-rose2 { background-image:url(../products/images/face/face_side1b.png); background-repeat:no-repeat; background-position: 100px 0; height:576px; }


#footer {width:1088px; margin:auto;  background-position:top; background-repeat:no-repeat; width:1069px; padding:12px 25px; margin:auto;}
#footer .button-padding { margin:0 0 0 160px;}
#newsletter { float:left; padding:10px 0 0 0; text-transform:uppercase; color:#999; font-size:8px;}
#newsletter a:link, #newsletter a:hover, #newsletter a:visited { color:#999; text-decoration:none;}
#handlotion-tout { width:375px; margin:-340px 350px 0 350px; float:left; text-align:right; color:#8D8989; font-size:13px; line-height:18px; z-index: 2;}
#handlotion_title { width:375px; margin:66px 1px 0 -15px; float:left; text-align:right; color:#68B6BE; font-size:13px; z-index: 1;}
#handlotion_title2 { width:375px; margin:66px 20px 0 20px; float:left; text-align:right; color:#8D8989; font-size:13px; z-index: 1;}
#handlotion_name { width:375px; margin:20px 10px 0 10px; float:left; text-align:right; color:#8D8989; font-size:13px; z-index: 1;}
#handlotion_side { float:left; margin:50px 0 0 -40px; z-index: 1;}
#handlotion_side2 { float:left; margin:-150px 290px 0 290px; z-index: 3;}

.clear { clear:both;}
img { border:none;}
#newsletter  {visibility: visible; z-index: 1;}
#toplinks  { float:right; margin:60px 60px 0 60px; text-transform:uppercase; color:#999; font-size:10px;}
#toplinks a:link, #toplinks a:hover, #toplinks a:visited { color:#999; text-decoration:none;}
#handlotionbluetext1 
{
   position: relative;
    float:right; 
   margin:-200px 320px 5px 380px;
   z-index: 3;
   width: 110px;
height: 12px;
text-decoration:none;
}
#handlotionbluetext1 a  {
     font: 12px Arial;
   margin: 0px;
   color: #68B6BE;
   text-align: left;
height: 12px;
text-decoration:none;
}

#handlotionbluetext2 
{
   position: relative;
    float:right; 
   margin:-160px 230px 5px 380px;
   z-index: 1;
   width: 310px;
height: 12px;
text-decoration:none;
}
#handlotionbluetext2 a  {
   font: 12px Arial;
   margin: 0px;
   color: #68B6BE;
   text-align: left;
height: 12px;
text-decoration:none;
}
#handlotionbluetext3 
{
   position: relative;
    float:right; 
   margin:-130px 347px 5px 330px;
   z-index: 1;
   width: 100px;
height: 12px;
text-decoration:none;
}

#handlotionbluetext3 a  {
   font: 12px Arial;
   margin: 0px;
   color: #68B6BE;
   text-align: left;
height: 12px;
text-decoration:none;
}
#handlotionbluetext4 
{
   position: relative;
    float:right; 
   margin:-90px 300px 5px 347px;
   z-index: 1;
   width: 100px;
height: 12px;
text-decoration:none;
}

#handlotionbluetext4 a  {
   font: 16px Arial;
   margin: 0px;
   color: #68B6BE;
   text-align: left;
height: 12px;
text-decoration:none;
font-weight:bold;
}


/*** TOP NAV MENU ***/

.sf-menu, .sf-menu * {
	margin:		0;
	padding:		0;
	list-style:		none;
	z-index:		9999;
	font: 13px Arial;
}
.sf-menu {
	line-height:	1.1;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			18.4em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
       height:             100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;

}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.0em; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			18.4em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			18.4em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.17em 3.3em;
	text-decoration:none;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	  color:		#FFFFFF;
       background:		#3DC8CD;
}
.sf-menu li li {
	color:          #FFFFFF;
       background:		#3DC8CD;
}
.sf-menu li li li {
	background:		#FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#3DC8CD;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.1em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#menu1  {

   color:#3DC8CD Aqua Inherit;
   color: #3DC8CD;
font: 13px Arial;

background:		#FFFFFF;

}
#menu1 a  {

 color:#3DC8CD Aqua Inherit;
 color:#3DC8CD;
 font: 13px Arial;

background:		#FFFFFF;
}

#menu1 a:hover  
{

 color:#3DC8CD Aqua Inherit;
 color:#3DC8CD;
 font: 13px Arial;

background:		#FFFFFF;
}
#menu2  {
   font-weight: bolder;
z-index: 9999;

}
#menu2 a  {
   font-weight: bolder;
z-index: 9999;
}

#menu2 a:hover  
{
    font-weight: bolder;
z-index: 9999;
}

#handlotionside1button  {
   visibility: visible;
    float:right; 
   margin:-60px 230px 70px 230px;
   z-index: 3;
   width: 109px;
   height: 92px;
}
#handlotionside2button  {
   visibility: visible;
   float:right; 
   margin:-11px 230px 1px 230px;
   z-index: 3;
   width: 109px;
   height: 92px;
}
#handlotionside3button  {
   visibility: visible;
   float:right; 
   margin:61px 230px 1px 230px;
   z-index: 3;
   width: 109px;
   height: 92px;
}
#handlotionside1button a  {
   background: url(../images/handlotion/1.png) no-repeat 0% 0px;
   display: block;
   height: 150px;
   width: 150px;

}

#handlotionside2button a  {
   background: url(../images/handlotion/2.png) no-repeat 0% 0px;
   display: block;
   height: 150px;
   width: 150px;

}

#handlotionside3button a  {
   background: url(../images/handlotion/3.png) no-repeat 0% 0px;
   display: block;
   height: 150px;
   width: 150px;


}
#handlotionside1button a:hover  {
}
#handlotionside2button a:hover  {
}
#handlotionside3button a:hover  {
}
#addtocartbtn1  
{
   background: url(../images/handlotion/buynow1.png);
      position: relative;
    float:left; 
   margin:-130px 237px 5px 480px;
   z-index: 3;
   width: 224px;
   height: 27px;
}
#addtocartbtn2  
{
   background: url(../images/handlotion/buynow2.png);
      position: relative;
    float:left; 
   margin:-100px 237px 5px 480px;
   z-index: 3;
   width: 247px;
   height: 27px;
}
#addtocartbtn3  
{
   background: url(../images/handlotion/buynow3.png);
      position: relative;
    float:left; 
   margin:-70px 237px 5px 480px;
   z-index: 3;
   width: 247px;
   height: 27px;
}
#addtocartbtn4  
{
   background: url(../images/handlotion/buynow4.png);
      position: relative;
    float:left; 
   margin:-40px 237px 5px 480px;
   z-index: 3;
   width: 247px;
   height: 27px;
}
#addtocartbtn5  
{
   background: url(../images/handlotion/buynow5.png);
      position: relative;
    float:left; 
   margin:-10px 237px 5px 480px;
   z-index: 3;
   width: 247px;
   height: 27px;
}


#addtocartbtn1 a, #addtocartbtn2 a, #addtocartbtn3 a, #addtocartbtn4 a, #addtocartbtn5 a  {
   background: url(../images/button_buy_now.gif) no-repeat;
   display: block;
   height: 27px;
   width: 247px;
}
#addtocartbtn1 a:hover, #addtocartbtn2 a:hover, #addtocartbtn3 a:hover, #addtocartbtn4 a:hover, #addtocartbtn5 a:hover  {
}