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

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.ProdL { /* this class can be used to float an element left in your page */
	float: left;
	width:20%
}
.ProdM { /* this class can be used to float an element left in your page */
	float: left;
	margin-left: 20px;
	padding-left:15px;
	border-left:1px solid #e3b0b0;
	width:25%;
}
.ProdR { /* this class can be used to float an element left in your page */
	float: left;
	margin-left: 20px;
	padding-left:15px;
	border-left:1px solid #e3b0b0;
	width:35%;
}


.thrColAbsHdr #footer {font-size:11px; margin:50px 0 10px 0; width:812px;} 
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#line {margin:4px 0; height:1px; border-bottom:1px solid #d7dfd8; width:75%;}
.line {margin:4px 0; height:1px; border-bottom:1px solid #d7dfd8; width:100%;}
.line300 {margin:4px 0; height:1px; border-bottom:1px solid #d7dfd8; width:300px;}


#picframe {background:url(http://www.frenchsecretinc.com/images/pic_bkg.gif) no-repeat; width:150px; padding:9px 0 20px 11px;}
#picframeNews {background:url(http://www.frenchsecretinc.com/images/pic_bkg.gif) no-repeat; width:150px; padding:9px 0 11px 11px;}

#navbar {float:right; clear:none; margin:45px 0px 10px 0px; color:#FFF; text-transform:uppercase; font-size:12px; width:470px; z-index:1000; position:absolute; top:25px; left:350px;}


#prodbox_Brushes {border-top:1px solid #d7dfd8; padding:0; margin:0; width:400px; float:left; clear:none;}
#prodbox {border:1px solid #d7dfd8; margin:8px 2% 5px 0; width:20%; padding:8px; height:180px; float:left; clear:none; outline:4px solid #fff;}
#prodbox:hover {outline:4px solid #c69;background: #fce3f0; outline:4px solid #e9a1c5;}
#prodbox_Fragrances {border-bottom:1px solid #d7dfd8; padding-top:4px; margin:0px 3% 5px 0; width:200px; float:left; clear:none;}


#prod_cosmetics {float:left; clear:none; margin:0; padding:5px 0; }
#prod_oils {float:left; clear:none; margin:0 0 0 10px; padding:5px 0;}
#prod_skincare {float:right; clear:none; margin:0 0 0 10px; padding:5px 0;}
#prod_fragrances {float:left; clear:none; margin:0 0 0 0px; padding:5px 0;}
#prod_brushes {margin:0; padding:0 0 5px 0;}



#prod_cosmetics p, #prod_oils p,  #prod_skincare p,  #prod_fragrances p,  #prod_brushes p {margin:0; padding:5px 0; line-height:15px;}


.footerLinks {width:460px; text-align:left; color:#d7dfd8;float: right; margin-left: 8px;}
.footerTop {width:100%; margin:0 auto; height:30px;}

.footerBottom {width:100%; text-align:justify; font-size:9px; text-transform:uppercase; border-top:thin solid #d7dfd8; margin-top:10px; padding-top:12px; letter-spacing:0.15em;}
.footerBottom a:link  {color:#0a8e34;}
.footerBottom a:visited  {color:#0a8e34;}


/* Suckerfish CSS Starts Here */

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:1000;
	float:right;
}

#nav a {
	color: #fff;
	text-decoration: none;
	letter-spacing:0.1em
}
#nav a:hover {
	color: #3C6;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #C69;
	padding: 0;
	letter-spacing:0.0em;
}

#nav li li a:hover {
	padding: 0;
	color: #136B34;
	text-decoration: underline;
}


#nav li li a:active {
	padding: 0;
	color: #8e3c7a;
	text-decoration: underline;
}


li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
    padding-right:25px;
	margin:0;
}
li:hover {color:#3C6;}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 15px 0 0 0;
	background:url(http://www.frenchsecretinc.com/images/bordertop.gif) center top no-repeat;
	margin:0;

}

li>ul {
	top: auto;
	left: auto;
	margin:0;

}

li li {
	display: block;
	float: none;
	background-color: #FFF;
	padding:5px 0 5px 7px;
	text-transform:none;
    width:125px;
	letter-spacing:0.0em;
	border-bottom:1px dotted  #f0e6eb;
	font-size:11px;
	margin:0;
	margin-bottom:0px;

}
li li a {letter-spacing:0em;}


li:hover ul, li.over ul {
	display: block;
	text-decoration: none;
	color: #3C6;

}

/* End Suckerfish Dropdowns */

#StoreLinks {font-size:11px; color:#093; text-align:left; padding:0; height:15px; margin:6px 0 0 0; clear:both;}
#StoreNav {margin:0; padding:0; color:#093; float:left; float:left; height:15px;}
#StoreNav li {float:left; display:block; clear:none; margin:0; list-style:none; border-right:1px solid #093; padding:0 8px;}
#StoreNav li.LoginLink {border-right:0px;}
#StoreNav li a:link {color:#093; text-decoration:none;}
#StoreNav li a:visited {color:#093; text-decoration:none;}
#StoreNav li a:hover {color:#3C6; text-decoration:underline;}
#StoreNav li a:active {color:#fff; text-decoration:none;}