
body {
	width: 760px;
	margin: 0px auto;
	background-color: #898680;
	color: #666666;
	font-family: Georgia, Nimbus Roman No9 L, Norasi, serif;
}
h1, h2, h3,h4, h5, h6, p, li, select, input, textarea {
	font-family: Georgia, Nimbus Roman No9 L, Norasi, serif;
}
th, td {
	font-size: 12px;
}

h1 {
	font-size: 1em;
	color: #5E3342;
}
h2 {
	font-size: 0.9em;
	color: #5E3342;
}
h3 {
	font-size: 0.825em;
	color: #5E3342;
}
h4 {
	font-size: 0.825em;
	color: #5E3342;
}
h5 {
	font-size: 0.825em;
	color: #5E3342;
}
h6 {
	font-size: 0.825em;
	color: #5E3342;
}

a:link, a:visited {
	color: #5E3342;
	text-decoration: none;
}
a:active, a:hover {
	color: #5E3342;
	text-decoration: underline;
}

p {
	color: #666666;
	font-size: 0.825em;
}
td p {
	font-size: 1em;
}

form {
	margin: 0px;
}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	height: 0px;
}





/* Logo and Login box */

	div#logorow {
		margin: 0px 0px 0px 0px;
	}
		img#logo {
			width: 279px;
			height: 81px;
			border: 0px;
			vertical-align: bottom;
		}

		form#toplogin {
			float: right;
			width: 375px;
			margin: 0px;
			padding: 50px 10px 0px 0px;
			/* IE only padding: */
			#padding-right: 14px;
		}
		p#toplogin {
			color: #ffffff;
			text-align: right;
			float: right;
			width: 375px;
			margin: 0px;
			padding: 50px 25px 0px 0px;
			/* IE only padding: */
			#padding-right: 14px;
		}
			p#toplogin img {
				vertical-align: bottom;
			}

			form#toplogin input {
				margin-right: 8px;
				font-size: 0.75em;
			}

			form#toplogin .medium {
				width: 8em;
			}

			form#toplogin img, form#toplogin .img {
				vertical-align: bottom;
			}

/* Logo and Login box */





/* Drop-downs */



#nav {
	position: relative;
	height: 40px;
}

	ul#topnav {
		position: absolute;
		width: 754px;
		height: 50px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 6px;

		background-image: url("topnav_bg.gif");
		background-position: top left;
		background-repeat: no-repeat;
		list-style: none;

		display: block;
		z-index: 20;
	}
		ul#topnav li {
			position: relative;
			float: left;
			padding: 0px;
			z-index: 1;
			background-image: url("topnav_li_bg.gif");
			background-position: top right;
			background-repeat: no-repeat;

		}
		ul#topnav li.last {
			background-image: none;
		}

			ul#topnav li a {
				display: inline-block;
				height: 21px;
				padding: 17px 12px 12px 12px;
				color: #5E3342;
				font-size: 8pt;
				text-decoration: none;
			}
			html>body ul#topnav li a {
				display: block;
			}

				ul#topnav li ul {
					position: absolute;
					top: 50px;
					margin: 21px 0px 0px 0px;
					padding: 0px;
					list-style: none;
					display: none;
					top: 29px;
					left: -1px;
					z-index: 200;
					width: 100%;
				}
				ul#topnav li.last ul {
					left: -95px;
					/* POSITION THIS ONE DIFFERENTLY!!!! */
				}

					ul#topnav li ul li {
						z-index: 200;
						float: none;
						background-image: none;
						width: 100%;
					}

						ul#topnav li ul li a {
							z-index: 200;
							color: #5E3342;
							padding: 6px 10px 0px 10px;
							background: #F0EDEE;
							width: 200px;
							border: 1px 1px 0px 1px;
							border-bottom: 2px solid #A8999A;
						}

						ul#topnav li ul li a:hover {
							color: #5E3342;
							background: #FFFFFF;
						}

						ul#topnav li:hover ul, ul#topnav li.over ul { /* lists nested under hovered list items */
							display: block;
						}

/* Drop-downs */





/* Title Banner graphic */

	div#titlebanner {
		padding: 0px;
		margin: 20px 0px 10px 0px;
	}
		div#titlebanner img {
			width: 760px;
			border: 0px;
			vertical-align: bottom;
		}

/* Title Banner graphic */





/* Main content area */

	div#hpcontent {
		width: 735px;
		padding: 10px 0px 10px 25px;
		margin: 0px;
		background-color: #FFFFFF;
		background-image: url("content_bg.gif");
		background-position: top left;
		background-repeat: no-repeat;
		color: #111111;
		float: left;
	}
		/* Home Page product nav */
		/* prod thumb: 219 x 219 */

			.prodlinkbox {
				float: left;
				width: 219px;
				margin: 0px;
				padding: 0px 26px 0px 0px;
			}
			.prodlinkbox img {
				width: 219px;
				height: 219px;
				border: 0px;
				vertical-align: bottom;
			}
			.prodlinkbox h1 {
				height: 24px;
				padding: 7px 0px 0px 0px;
				margin: 0px;
				background-image: url("product_title_bg.gif");
				background-repeat: no-repeat;
				text-align: center;
				font-size: 0.825em;
				font-weight: normal;
			}
			.prodlinkbox a:link, .prodlinkbox a:visited, .prodlinkbox h1 a:link, .prodlinkbox h1 a:visited,  {

			}
			.prodlinkbox a:active, .prodlinkbox a:hover, .prodlinkbox h1 a:active, .prodlinkbox h1 a:hover,  {

			}

		/* Home Page product nav */

	div#content {
		width: 735px;
		padding: 30px 0px 10px 25px;
		margin: 0px;
		background-color: #FFFFFF;
		background-image: url("content_bg.gif");
		background-position: top left;
		background-repeat: no-repeat;
		color: #111111;
		float: left;
	}

		h1#pagetitle {
			margin: 0px 25px 100px 0px;
		}

		#sectionnav {
			float: right;
			margin-right: 25px;
			width: 260px;
		}
			#sectionnav h2 {
				color: #B9B0AD;
				text-transform: uppercase;
				margin: 0px;
			}
			#sectionnav select {
				margin-top: 5px;
				font-size: 0.7em;
			}



		/* Product Display (one per row) */

		.oneproduct {
			width: 520px;
			padding-bottom: 65px;
		}

			.oneproduct form select {
				display: block;
				font-size: 0.8em;
				margin: 3px 0px 3px 0px;
			}

			.oneproduct img {
				width: 300px;
				float: left;
			}
			.oneproductinfo {
				float: right;
				width: 220px;
			}
				.oneproductinfo h3 {
					text-transform: uppercase;
					font-weight: normal;
				}
				.oneproductinfo h3 .subtitle {
					text-transform: none;
					font-weight: normal;
				}
				.oneproductinfo p {
					font-size: 0.6em;
				}
				.price {
					margin-bottom: 3px;
					padding-bottom: 0px;
				}
		/* /Product Display (one per row) */


		/* Product Display (two per row) */


		/*.twoproducts {
			width: 350px;
			padding-bottom: 65px;
			float: left;
		}*/

		.twoproducts {
			float: left;
			width: 351px;
			padding-bottom: 0px;
		}
			.productprop {
				width: 1px;
				height: 370px;
				float: left;
			}

			.twoproducts form select {
				display: block;
				font-size: 0.7em;
				margin: 3px 0px 3px 0px;
			}
			.twoproducts img {
				width: 152px;
				float: left;
			}
			.twoproductinfo {
				float: right;
				width: 175px;
				margin: 0px 5px 0px 10px;
			}
			html>body .twoproductinfo {
				margin-right: 10px;
			}
				.twoproductinfo h3 {
					font-weight: normal;
				}
				.twoproductinfo p {
					font-size: 0.6em;
				}
		/* /Product Display (one per row) */

	#content_ftr {
		width: 760px;
		height: 7px;
		border: 0px;
		vertical-align: top;
	}



/* /Main content area */

/* Chakra Product page images: 300 x 200
												300 x 250
												250 x 293
												250 x 293

												^^ If I give them 300 x 300 that'll be plenty!

		Nail Elixirs:		152 x 230 <-- DISPLAYED IN TWO COLUMNS, W. DESCRIPTION ON RIGHT.
		Nail Lacquers:	Insane Flash layout - AVOID, NEEDS DISCUSSION
		Professional: 	217 x 230 <-- Two columns, description below image.

*/

/* Footer */

	div#footer {
		height: 53px;
		background-image: url("footer_bg.gif");
		background-position: top left;
		background-repeat: no-repeat;
	}
		div#footer p {
			padding: 19px 0px 12px 25px;
			color: #ffffff;
			width: 300px;
		}
		div#footer .float {
			float: right;
			width: 300px;
			margin-top: 0px;
			padding-right: 22px;
		}
			div#footer p a:link, div#footer p a:visited {
				text-decoration: none;
				color: #ffffff;
			}
			div#footer p a:active, div#footer p a:hover {
				text-decoration: underline;
				color: #ffffff;
			}

/* Footer */