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

body	{
		background:#993333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#333;
}
#header	{
		width: 800px;
		background-image: url(../images/header.gif);
		background-position:left top;
		background-repeat:no-repeat;
		padding-top: 84px;
}
#main_wrapper	{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
}
#interior_wrapper	{
			background-image: url(../images/dropshadow.gif);
			background-repeat: repeat-y;
			width: 800px;
			padding-top: 5px;
}
#top_nav	{
			width: 760px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
}
.navigation	{
			background-color:#FFF;
			border: 1px solid #000;
			text-align: center;
}
ul.navigation {
				padding: 10px 0 10px 0;
				margin: 0;
}
ul.navigation li	{
					display:inline;
					margin: 0;
					padding: 0;
					list-style: none;
}
ul.navigation a	{
				 padding: 10px;
				 text-decoration:none;
				 color:#000;
				 font-weight:bold;
}
ul.navigation a:hover	{
						padding:10px;
						background-image: url(../images/nav_rose.gif);
						background-position:left center;
						background-repeat: no-repeat;
						color: #993333;
						font-weight:bold;
}
.specialty_soap_navigation_box	{
					border: 1px solid #000;
					padding: 5px;
					width: 173px;
					float: left;
					margin: 5px 10px 5px 30px;
					background-color: #BD7D7D;
}
.main_content_area 	{
					border: 1px dashed #666;
					padding: 5px 15px 5px 15px;
					width: 510px;
					margin: 5px 30px 5px 0;
					float: right;
					background-color: #BD7D7D;
}
.clear 	{
		clear:both;
}
#footer	{
		font-size:10px;
		text-align: right;
		color:#FFF;
		margin: 10px 30px 5px 0;
}
h1	{
	font-size:18px;
	font-variant:small-caps;
	border-bottom: 1px dotted #FFF;
	margin: .2em 1em .5em 0;
	color: #FFF;
}
h3	{
	font-size:14px;
	font-variant: small-caps;
	margin: 0 0 -.5em 0;
}
h4	{
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	border-bottom: 2px dotted #FFF;
	margin: 0 5px 3px 0;
	color:#FFF;
}
h2	{
	color:#FFCC66;
	font-variant:small-caps;
	font-size:16px;
	font-weight: bold;
}
h5	{
	font-variant:small-caps;
	font-size:16px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
a.sidebar_nav	{
				font-weight: bold;
				color:#FFF;
				text-decoration: none;
}
a:hover.sidebar_nav	{
				font-weight: bold;
				color:#993333;
				text-decoration: none;
}
ul.sidebar_nav	{
	margin: 5px 0 15px 15px;
	padding: 0;
	font-size: 10px;
}
table.retail	{
				width: 520px;
				margin: 20px 0 10px 0;
				color: #FFF;
				background-color: #a34747;
				border-collapse:collapse;
}
.odd	{
		background-color:#993333;
}
table.retail td	{
				padding: 5px 0 5px 5px;
}
th	{
		text-align:left;
}
blockquote	{
			font-weight:bold;
			color: #FFF;
			margin-top: 30px;
}
.small	{
				font-size:10px;
				color:#333;
}
.soap_images	{
			border: 1px solid #CCC;
			float:right;
			margin-left: 10px;
			padding:4px;
			background-color:#000;
}
ul	{
	margin-left: 0;
	padding-left: 15px;
}
.right_images	{
	border: 1px solid #333;
	float:right;
	margin-left: 10px;
	padding:4px;
	background-color:#FFF;
}
.left_images	{
	border: 1px solid #333;
	float:left;
	margin-right: 10px;
	padding:4px;
	background-color:#FFF;
}
a:link	{
	color:#FFF;
	font-weight:bold;
}
a:hover	{
	color:#993333;
	font-weight:bold;
}
a.soapcutter {
	color:#333;
	font-weight:bold;
}
a:hover.soapcutter {
	color:#FFF;
	font-weight:bold;
}