body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #323232;
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a {
	color: #621a67;
	text-decoration: none;
}

a:hover {
	color: #b7af88;
	text-decoration: none;
}

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #631b67;
}

h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #631b67;
}

h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #631b67;
}

.smalltext {
	font-size: 12px;
}

#mainsiteouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 970px;
	font-size: 0.8em;
}

#headerouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 110px;
	background: url(../images/header-bg.gif) repeat-x top left;
}

#headerinner {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 110px;
	background: url(../images/header-swirls.gif) no-repeat center;
}

#headerinner #logo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 291px;
	height: 110px;
}

#headerinner #headerlinks {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 110px;
}

#headerinner #headerlinks ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 4px 0px 0px 10px;
	padding: 0;
	width: 140px;
	height: 106px;
	list-style: none;
}

#headerinner #headerlinks ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	width: 120px;
	list-style: none;
	background: url(../images/list-bullet.gif) no-repeat top left;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
}



#headerinner #basket {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 186px;
	height: 110px;
	color: #621a67;
}

#headerinner #basket #basketproducts {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 15px 0px 60px;
	width: 111px;
	height: 70px;
	background: url(../images/shopping-bag.gif) no-repeat top left;
}

#headerinner #basket #basketproducts p {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 18px 0px 0px 0px;
}

#headerinner #basket #currency {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 5px 0px 0px 10px;
	padding: 0px 5px 0px 10px;
	width: 171px;
	height: 35px;
}




#navbarouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	background: url(../images/navbar-bg.gif) repeat-x top left;
}

#navbarouter ul {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 35px;
	list-style: none;
}

#navbarouter ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 1px;
	padding: 0;
	height: 35px;
	list-style: none;
	padding: 0px 0px 0px 23px;
	background: url(../images/navbar-seperator.gif) no-repeat top left;
}

#navbarouter ul li#last a {
	background: url(../images/navbar-seperator.gif) no-repeat top right;
}

#navbarouter ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 24px 0px 7px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 110%;
	display: block;
}

#navbarouter ul li:hover {
	background: url(../images/navbar-tab.gif) no-repeat top left;
}

#navbarouter ul li:hover a {
	color: #621a67;
	background: url(../images/navbar-tab.gif) transparent top right no-repeat;
}

*html #navbarouter ul li a:hover {
	color: #b7ae88;
}

#navbarouter ul li#last:hover a {
	color: #621a67;
	background: url(../images/navbar-tab.gif) transparent top right no-repeat;
}

#navbarouter ul li.current {
	background: url(../images/navbar-tab.gif) no-repeat top left;
}

#navbarouter ul li.current a {
	color: #621a67;
	background: url(../images/navbar-tab.gif) no-repeat top right;
}

#searchbarouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
}

#searchbarinner {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 30px;
	background: url(../images/searchbar-bg.gif) no-repeat top left;
	color: #621a67;
}



#searchbarinner #searchsite {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 3px 10px 0px 10px;
	padding: 0;
	height: 30px;
}

#searchbarinner #searchsite p{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
}

#searchbarinner #searchsite p label{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

#searchsite .smallbutton
{
	margin-bottom: 6px;
}
.smallbutton {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #ffffff;
	border: none;
	width: 40px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	text-transform: uppercase;
	background: url(../images/small-button.gif) no-repeat top left transparent;
}
#searchsite #q
{
	margin-top: 4px;
}

#searchbarinner #searchsite p select, #searchbarinner #searchsite p input{
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 4px 0px 0px 4px;	
}

#searchbarinner .searchformitem {
	width: 530px;
	margin: 0;
	border: 1px solid #000000;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(../images/textarea-bg.gif) repeat-x top left #ffffff;
}

.formitem {
	margin: 0;
	border: 1px solid #000000;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(../images/textarea-bg.gif) repeat-x top left #ffffff;	
}





#contentouter {
	position: relative;
	float: left;
	left: 0;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#contentinner {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 10px auto 0 auto;
	padding: 0;
	width: 950px;
}

#homepageleft {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 650px;
	height: 238px;
}

#homepageright {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 290px;
	height: 238px;
	text-align: left;
}

#newsticker {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 650px;
	height: 28px;
}


#newsticker #links {
	position: relative;
	float:left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 5px 0px 0px 0px;
	width: 648px;
	height: 28px;
	color: #621a67;
	font-size: 110%;
	background: url(../images/news-ticker-bg.gif) repeat-x top left;
}



#homepagefeature {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 650px;
	height: 200px;
}



#homepagefeature #mainfeature {
	/*position: relative;*/
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 648px;
	height: 198px;
	font-size: 110%;
	text-align:center;
}

#homepagefeature #mainfeature img {
	/*position: relative;*/
	left: 0px;
	top: 0px;
	border: 1px dotted #621a67;
	margin: 0;
	padding: 0;
}

#homepageright #top {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 70px 24px 0px 25px;
	width: 242px;
	height: 168px;
	color: #ffffff;
	background: url(../images/essential-beauty-bg.gif) no-repeat top left;
}

#homepageright #top span {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
}


.hot{ width:100%; height:28px; background-color:#631B67; color:#FFFFFF; padding-left:10px; font-size:16px; font-weight:bold; padding-top:5px;}
.contentarea {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 100%;
}

.contentarea .pagetabs {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
}

.contentarea .productdetaillisting .pagetabs ul li{
	width: 164px;
}

.contentarea .productdetaillisting .pagetabs ul li a {
	width: 144px;
}

.contentarea .pagetabs ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	list-style: none;
	display: block;
}

.contentarea .pagetabs ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 1px 0px 0px;
	height: 30px;
	list-style: none;
	padding: 0px 0px 0px 25px;
	background: url(../images/normal-tab.gif) no-repeat top left;
}

.contentarea .pagetabs ul li.indent {
	margin: 0px 1px 0px 10px;
}

.contentarea .pagetabs ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 25px 0px 0px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #621a67;
	font-size: 110%;
	background: url(../images/normal-tab.gif) no-repeat top right;
}

.contentarea .pagetabs ul li:hover {
	padding: 0px 0px 0px 25px;
	background: url(../images/current-tab.gif) no-repeat top left;
}

.contentarea .pagetabs ul li:hover a {
	padding: 0px 25px 0px 0px;
	background: url(../images/current-tab.gif) no-repeat top right;
	color: #ffffff;
}

*html .contentarea .pagetabs ul li a:hover {
	color: #b7ae88;
}

.contentarea .pagetabs ul li.current {
	padding: 0px 0px 0px 20px;
	background: url(../images/current-tab.gif) no-repeat top left;
}

.contentarea .pagetabs ul li.current a {
	padding: 0px 20px 0px 0px;
	background: url(../images/current-tab.gif) no-repeat top right;
	color: #ffffff;
}

.contentarea .homepageproductlisting {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: url(../images/product-listing-bg.gif) no-repeat top left;	
}

.contentarea .homepageproductlisting ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	display: block;	
}


.contentarea .homepageproductlisting ul li {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 5px 0px 0px 10px;
	padding: 8px;
	width: 160px;
	height: 220px;
	list-style: none;
	display: block;
	text-align: center;
	background: url(../images/product-list-bg-corners.gif) no-repeat bottom right;
}

.contentarea .homepageproductlisting ul li.last {
	background: url(../images/product-list-bg-single.gif) no-repeat bottom right;
}




.contentarea .homepageproductlisting ul li .description {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0;
	width: 150px;
}

.contentarea .homepageproductlisting ul li a {
	color: #323232;
}

.contentarea .homepageproductlisting ul li .description a {
	color: #323232;
}

.contentarea .homepageproductlisting ul li .description a:hover {
	color: #621a67;
}

.contentarea .homepageproductlisting ul li .price {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 150px;	
	font-size: 120%;
	font-weight: bold;
	clear:both;
}



#newslettersignup {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #621a67;
}

#newslettersignup p {
	/*position: relative;*/
	left: 0px;
	top: 0px;
	margin: 10px auto 0 auto;
	padding: 0;
	width: 740px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}



#breadcrumb {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 0.9em;
	width: 100%;
	color: #621a67;
}

#breadcrumb a:hover {
	color: gray;
}

#breadcrumbHeader
{
	float:left;
	padding:0px;
	margin:0px 0px 0px 5px;
	font-size:13px;
}

#breadcrumb p {
	margin: 0;
	padding: 0;
	float:left;
}

#footer {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: url(../images/footer-bg.gif) no-repeat top left;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	color: #b08cb3;
}

#footer p {
	margin: 5px 0px 5px 0px;
}

#footer a {
	color: #b08cb3;
}

#footer a:hover {
	color: #621a67;
}





/* product landing page */


#productlist {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: -10px 0px 0px 0px;
	padding: 0;
	width: 100%;
}

.topbannerouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	width: 100%;
	
}

.topbanner {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 4px 0px 4px;
	padding: 0;
	width: 100%;
	
}


.productdetail {
	/*position: relative;*/
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 570px;
}

.contentarea .productdetaillisting .homepageproductlisting ul li {
	background: url(../images/product-list-bg-single.gif) no-repeat bottom right;
	height:auto;
}

.productdetail .productimage {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 235px;
	border: 1px solid #ececec;
}

.productdetail .productimage .zoom {
	position: absolute;
	left: 10px;
	bottom: 5px;
	margin: 0;
	padding: 0;
	z-index: 50;
	font-size: 0.8em;
}

.productdetail .productimage .zoom img, .productdetail .productimage .rating img {
	border: none;
}

.productdetail .productimage .rating {
	position: absolute;
	left: 20px;
	bottom: 0px;
	margin: 0px 0px -20px 0px;
	padding: 0;
	width: 130px;
	height: 8px;
	z-index: 200;
	font-size: 0.7em;
	color: #722a76;
	text-align: center;
}

.productdetail .productimage .rating  p {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 5px 0px 0px 0px;
	width: 105px;
	display: block;
	text-align: center;
}

.productdetail .productimage .rating img {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 2px 0px 2px;
	padding: 0;
}

.productdetail .productinfo {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 315px;
}

.productdetail .productinfo h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #000000;
}

.productdetail .productinfo .price {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



.productdetail .productinfo .buynow {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 10px 0px 10px 0px;
	padding: 0;
	width: 100%;
	display: block;
}

.productdetail .productinfo .buynow label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 2px 0px 0px;
	padding: 3px 0px 0px 0px;
	display: inline;
}

.productdetail .productinfo .buynow p {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0;
}
img {border:0px;}

.clearBoth{clear:both;}
TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}
.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}
.tableHeading{background-color: #e9e9e9; height: 2.2em;}

.cartQuantity {
	width: 4.7em;	padding: 0.5em 0em; text-align: center;
	}
.cartProductDisplay{padding: 0.5em 0em; padding-left:24px;}
.cartQuantityUpdate{text-align: center;padding: 0.5em 0em;}
.cartAttribsList {
	margin-left: 1em;
	}
#scProductsHead	{text-align:left; padding-left:20px;}
.cartUnitDisplay, .cartTotalDisplay {
	text-align: center;
	padding-right: 0.2em;
	}
	.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;

	}


.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}
#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
   background-color: #e9e9e9;
   	height: 2.2em;
	}
#cartpic{float:left; margin-right:12px;}
.floatingBox{float:left; margin-right:6px;	margin: 0;
	width: 47%;}
.information {padding: 10px 3px; line-height: 150%;}

.buttonRow {
	margin: 0.5em; 
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}


.forward {
	float: right;
	}
LABEL.inputLabel {
	width: 8.4em;
	float: left;
	}



	
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}
	
.floatingBox INPUT {margin:0.27em;}
.tx4{color:#FF0000;}

#myAccountGenw {float:left; width:40%;}
#myAccountGenw li {margin-bottom:8px; list-style:none;}

#myAccountNotifyw {float:left;width:40%;}
#myAccountNotifyw  li {margin-bottom:8px; list-style:none;}
.input{ height:13px;  width:120px;background-color:#FFFfff; vertical-align:middle; line-height:18px;  color:#999999;  }
.content-border p {line-height:140%; color:#666;}
#page li {float:left; display:inline; padding-right:12px;}
.note {font-size:12px;}
#createAcctDefault a {text-decoration:underline; color: #666666;}
.centerColumn a {text-decoration:underline; color: #666666;}
#checkoutShippingHeading{font-size:16px;}
#checkoutShippingHeadingAddress{font-size:14px;}
#checkoutShippingHeadingMethod{font-size:14px;}
#checkoutPaymentHeading{font-size:16px;}
#checkoutPaymentHeadingAddress{font-size:14px;}
.centerColumn h2 {font-size:14px;}
.centerColumn h1 {font-size:16px;}
FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}