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

body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #444;
	background: #FFF url(http://www.frenchsecretinc.com/images/fs_store_bkg.jpg) repeat-x center top;
	font-size:11px;
}
.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 812px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom:8px;
} 

.thrColAbsHdr #header {height:71px; margin:0 auto; width:812px; padding:0} 

#sidenav {width:190px; float:left; clear:none; margin:0 auto; padding-top:40px;}
.sidenavLink {padding:5px 0 3px 15px; margin:1px 0px 1px 0;}

.nugget {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #d7dfd8; padding:12px 7px 10px 12px; background: url(http://www.frenchsecretinc.com/images/nugget3_bkg.gif) top repeat-x #fff; margin-right:40px;}
#nugget1 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eac9db; padding:12px; background: url(http://www.frenchsecretinc.com/images/nugget2.jpg) top #cb7daf repeat-x; margin-right:40px;}
.nugget2 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eac9db; padding:2px; background:#f2dbe4; margin-right:40px;}
.nugget2a {-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #eac9db; padding:12px; background:#fff;}
.nugget3 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #d7dfd8; padding:12px 7px 10px 12px; background:#fff;}
.nugget4 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #d7dfd8; padding:12px 7px 10px 12px; background:#fff; margin-right:20px; background: url(http://www.frenchsecretinc.com/images/nugget3_bkg.gif) top repeat-x #fff;}


#nugget1 a:link {
	color: #136B34;
	text-decoration: none;
}
#nugget1 a:visited {
	color: #136B34;
	text-decoration: none;
}
#nugget1 a:hover {
	color:#963673;
	text-decoration: none;
}
#nugget1 a:active {
	color: #c69;
	text-decoration: none;
}

.directionsBox {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #d7dfd8; padding:10px; background:#fff; margin-right:0px; clear:both;}
.directionsBox p {padding:0; margin:0;}


#RightCol {float:right; clear:none; border-left:1px solid #d7dfd8; width:150px; padding-left:15px; margin:90px 0 15px 15px;}
#RightColumnNews {float:right; clear:none; border-left:1px solid #ccc; width:160px; padding-left:15px; margin:75px 0 5px 15px; font-size:10px;}
#RightColumnNews img {border:5px solid #fff; outline:1px solid #ccc; margin-bottom:4px;}

div#logo {float:left; clear:none; margin:0 auto;}
img#logo {margin:41px 0 0 0;}

#ProductsList {position:absolute; top:145px; left:0; text-align:left; z-index:1000; color:#444; background: url(http://www.frenchsecretinc.com/images/ProductsListBkg.gif) bottom repeat-x #f1dfdf; visibility:hidden; padding:15px 18px 15px 23px; width:93%; border:9px solid #fff; outline:1px solid #d7dfd8; line-height:14px; font-size:11px;
}