body
{
	margin: 0px auto;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	text-align: center; /*centering for ie*/
	background-color: #d8e2e7;
}

.wrapper 
{
	margin: 5px auto;
	text-align: left;
	width: 800px;
	border-width: 1px;
	border-color: #8a99a2;
	border-style: solid;
	background-color: #FFFFFF;
}

img
{ border: 0px;
}

table {
	margin: 0 auto;
	text-align: center;
	border: 0;
	width: 100%;
}

td {
	vertical-align: top;
	margin: 0px;
	padding: 3px;
}

a:link, a:visited
{
	color: #C41230;
	text-decoration: none;
}

a:hover, a:active
{ 	color: #C41230;
	text-decoration: underline;
}

p

{
}
.floatleft {
	padding: 0 6px 6px 0;
	float: left;
}
.floatright {
	padding: 6px;
	float: right;
}

/*This pure-css image rollover was adapted from http://www.alanwho.com/examples/css/rollover_menu/ .  If you need to swap images, be sure you get the widths correct in the stylesheet!  And leave every child element of .topnav alone, even bits of code that don't seem to do anything.*/
 .topnav
{
	background-color: #FFFFFF;
	height: 103px;
	width: 780px;
	text-align: left;
	margin: 10px 0 0 20px;
	padding: 0;
	z-index: 1;
	background-image: url(layout-images/tagline.gif);
	background-repeat: no-repeat;
	background-position: -2px 5px;
}
.topnav  ul {
	list-style-position: inside;
	margin: 0px 0 0 260px;
	padding: 20px 0 0 0px;
}

.topnav li {
	display: inline;
	list-style:none;
	padding: 0px;
}
.topnav  li  a#topnav-findus {
	float: left;
	display:block;
	width: 92px;
	height: 28px;
}
.topnav li a#topnav-custom {
	float: left;
	display:block;
	width: 146px;
	height: 28px;
}
.topnav li a#topnav-shoponline {
	float: left;
	display:block;
	width: 121px;
	height: 28px;
}
.topnav li a#topnav-events {
	float: left;
	display:block;
	width: 142px;
	height: 28px;
}

.topnav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.topnav li a:hover { visibility:visible; }
.topnav li a:hover img { visibility:visible; }
.topnav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#topnav-findus {
	background-image: url(layout-images/topnav-findus-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#topnav-custom 
{ 
background-image: url(layout-images/topnav-custom-on.gif);
background-repeat: no-repeat;
background-position: left bottom; 
}
#topnav-shoponline 
{
	background-image: url(layout-images/topnav-shoponline-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topnav-events 
{
	background-image: url(layout-images/topnav-events-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*End pure css rollover menu*/

.home-content {
	background-image: url(layout-images/girl.gif);
	background-repeat: no-repeat;
	background-position: 280px 30px;
	height: 350px;
	padding: 30px 0 0 0;
	z-index: 10;
}
.leftcol  p {
	padding: 0 0 0 25px;
}
.leftcol    h1   {
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin-bottom: -7px;
}
.leftcol h1 a {
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	padding: 0 0 0 0;
	text-decoration: none;
}
.leftcol h2 {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	padding: 0 0 0 25px;
	text-decoration: none;
}
.leftcol h2 a {
	color: #000000;
	text-decoration: none;
}
.interior-content {
	background-repeat: no-repeat;
	padding: 10px 30px 30px 30px;
	z-index: 10;
}
#interior .leftcol {
	float: left;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.border {
	width: 300px;
}
.shop {
	font-size: 13px;
	font-weight: bold;
	color: #C41230;
}
.shop a {
	text-decoration: underline;
}
.interior-content p {
	line-height: 140%;
}
.interior-content p {
	line-height: 140%;
}
.interior-content   h2   {
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #8A99A2;
}
.interior-content h3 {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	margin: 0 0 -9px 0;
	padding: 0;
}
.item {
	border-width: 1px;
	border-style: dotted;
	border-color: #8A99A2;
	text-align: center;
	margin-bottom: 5px;
	padding: 7px;
	width: 210px;
	float: left;
}
.itemcentered {
	border-width: 1px;
	border-style: dotted;
	border-color: #8A99A2;
	text-align: center;
	padding: 7px;
	width: 210px;
	margin: 0 auto;
}
.item-beckoning {
	text-align: center;
	margin-bottom: 5px;
	padding: 7px;
	width: 250px;
	float: left;
}
.itemname-beckoning    {
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	font-size: 12px;
	background-color: #231F20;
	padding: 6px;
	text-decoration: none;
	border: none 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.itemname {
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	font-size: 12px;
	background-color: #C7391F;
	padding: 6px;
	text-decoration: none;
	border: none 0px;
	text-transform: lowercase;
	letter-spacing: 1px;
}
/*This pure-css image rollover was adapted from http://www.alanwho.com/examples/css/rollover_menu/ .  If you need to swap images, be sure you get the widths correct in the stylesheet!  And leave every child element of .topnav alone, even bits of code that don't seem to do anything.*/
 .btmnav
{
	background-color: #8A99A2;
	height: 70px;
	width: 760px;
	text-align: left;
	margin: 10px 0 15px 15px;
	padding: 0;
	clear: both;
}

.btmnav li {
	display: inline;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.btmnav ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	clear: both;
}
.btmnav li a#btmnav-home {
	float: left;
	display:block;
	width: 62px;
	height: 28px;
}

.btmnav li a#btmnav-theperfumer {
	float: left;
	display:block;
	width: 106px;
	height: 28px;
}

.btmnav li a#btmnav-press {
	float: left;
	display:block;
	width: 53px;
	height: 28px;
}
.btmnav  li  a#btmnav-emailsignup {
	float: left;
	display:block;
	width: 107px;
	height: 28px;
}

.btmnav li a#btmnav-contact {
	float: left;
	display:block;
	width: 75px;
	height: 28px;
}

.btmnav  li  a#btmnav-wholesale {
	float: left;
	display:block;
	width: 160px;
	height: 28px;
}
.btmnav li a#btmnav-facebook {
	float: left;
	display:block;
	width: 185px;
	height: 28px;
}
.btmnav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.btmnav li a:hover { visibility:visible; }
.btmnav li a:hover img { visibility:visible; }
.btmnav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#btmnav-home {
	background-image: url(layout-images/btmnav-home-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#btmnav-theperfumer 
{ 
background-image: url(layout-images/btmnav-theperfumer-on.gif);
background-repeat: no-repeat;
background-position: left bottom; 
}
#btmnav-press 
{
	background-image: url(layout-images/btmnav-press-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#btmnav-emailsignup 
{
	background-image: url(layout-images/btmnav-emailsignup-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#btmnav-contact 
{
	background-image: url(layout-images/btmnav-contact-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#btmnav-wholesale 
{
	background-image: url(layout-images/btmnav-wholesale-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#btmnav-facebook {
	background-image: url(layout-images/btmnav-facebook-on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.shoponline  ul {
	padding-bottom: 15px;
	margin: 0 0 0 -45px;
}
.shoponline li {
	display: inline;
	padding: 0 7px;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 13px;
	text-align: left;
	list-style-position: outside;
}
.shoponline    ul li a:link {
	text-decoration: none;
	color: #69767D;
}
.shoponline   ul li  a:visited {
	text-decoration: none;
	color: #69767D;
}
.shoponline   ul li  a:active {
	text-decoration: none;
	color: #C7203C;
}
.shoponline    ul li a:hover {
	text-decoration: none;
	color: #C7203C;
}

#undressed     h4  {
	margin: 7px 0;
	color: #39009E;
}
#undressed    h4 a:link {
	color: #39009E;
	text-decoration: none;
}
#undressed     h4  a:hover {
	color: #39009E;
	border-bottom: 3px solid #39009E;
	text-decoration: none;
}
#undressed     h4  a:visited {
	color: #39009E;
	
}
#beckoning .beckoning  a {
	text-decoration: none;
	border-bottom: 3px solid #C7203C;
	color: #C7203C;	
}
#custom   .custom    a {
	text-decoration: none;
	border-bottom: 3px solid #C7203C;
	color: #C7203C;	
}
#undressed  .undressed  a {
	text-decoration: none;
	border-bottom: 3px solid #C7203C;
	color: #C7203C;	
}
#bodysoul   .bodysoul   a {
	text-decoration: none;
	border-bottom: 3px solid #C7203C;
	color: #C7203C;	
}

