@import "reset.css";
@media all{
/* globals */
	a, a:visited, h1, h2, h3 {
		background-color: inherit;
		color: #b53c79;
	}

	a, a:visited {
		background-color: inherit;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	body {
		background-color: #f7e6ee;
		text-align: left !important; text-align: center;
		font-family: Verdana, Tahoma, sans-serif;
	}

	dd, dt, input, li, label, legend, p, select, td {
 		font-size: 70%;
	}

	dd, dt, p {
 		margin: 0.6em 1em;
	}

	dd {
		margin-top: 0;
	}

	dt {
		margin-bottom: 0;
	}

	em {
		font-style: italic;
	}

	h1, h2, h3 {
		background-color: #f7e6ee;
		padding: 0.3em 0.6em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.2em;
	}

	input, select, textarea {
		margin: 1px 0;
	}

	input.button {
		cursor: pointer; 
	}
	
	input.text {
		padding: 2px;
	}

	label, li {
		margin-left: 1em;
	}

	td input, td label, td li, td select, td td, td textarea {
		font-size: 100%;
	}

	ul.inline {
		min-height: 1em; height: auto !important; height: 1em;
	}

	ul.inline li {
		float: left;
		margin: 0;
		padding: 0 0.5em;
		border-right: 1px solid #000;
	}

	ul.inline li.last {
		padding-right: 0;
		border-right-style: none;
	}

/* end globals */

/* layout */
	#center, #center-left, #center-right, #footer, #main, #page, #right, #wrapper {
		position: relative;
	}

	#center, #center .box, #center-left, #center-right, #main, #page, #right {
		float: left;
	}

	#center {
		width: 545px;
		/* margin: 0 0 0 225px !important; margin: 0 0 0 113px; */
	}

	#left {
		float: left;
		width: 223px;
	}

	#rightwrap {
		float: right;
	}

	#right {
		width: 223px;
		margin-left: 2px;
	}

	#footer, #main {
		border: 2px solid #000;
	}

	#footer {
		clear: both;
		height: 1.1em;
		width: 989px;
		background-color: #b53d7a;
		color: #fff;
		padding: 5px;
		margin: 0 0 20px 0;
	}

	#header {
		position: absolute;
		top: 0;
		left: 0;
		padding: 35px 0 0 0;
	}

	#main {
		/* min-height: 6em; height: auto !important; height: 6em; */
		width: 995px;
		background-color: #fff;
		color: #000;
		margin: 10px 0 2px 0;
		padding: 165px 2px 0 2px;
	}

	#page, #wrapper {
		width: 1003px;
	}

	#wrapper {
		margin: 0 auto;
		text-align: inherit !important; text-align: left;
	}
/* end layout */

/* modifiers */
	div.tab-panel ul {
		margin-left: 1em;
		list-style-type: disc;
	}

	.box, .cat-list-box {
		position: relative;
		min-height: 5.5em; height: auto !important; height: 5.5em;
		margin: 0 0 2px 0;
		border: 2px solid #b53d7a;
	}

	.cat-list-box {
		clear: both;
		min-height: 8em; height: auto !important; height: 8em;
	}

	.cat-list-box .cat-list-buy {
		position: absolute;
		right: 0;
		bottom: 1em;
	}

	.cat-list-box .cat-list-buy a {
		display: block;
		color: #fff;
	}

	.cat-list-box .cat-list-buy p {
		margin: 0 0.6em;
		padding: 0.5em 0.25em;
		font: bold 90% Arial, Verdana, sans-serif;
		text-align: center;
	}

	.cat-list-box .cat-list-buy .cat-list-buy-now {
		background-color: #b53d7a;
	}

	.cat-list-box .cat-list-buy .cat-list-info {
		background-color: #953164;
	}

	.cat-list-box .cat-list-buy .cat-list-price {
		margin-bottom: 0.25em;
		padding: 0;
		color: #953164;
		font-size: 130%;
	}

	.cat-list-box .cat-list-image {
		margin: 5px;
	}

	.cat-list-box .cat-list-text {
		float: right;
		width: 20em;
		margin: 0 95px 0 0;
	}

	.cat-list-box .cat-list-text h2 {
		padding: 0.3em 0;
		background: none;
		font-size: 80%;
	}

	.cat-list-box .cat-list-text p {
		margin: 0.6em 0;
	}

	#center .box {
		width: 541px;
	}

	#center .box h3, #center .cat-list-box h3 {
		background: none;
		font-size: 70%;
	}

	.box#center-left, .box#center-right {
		min-height: 226px; height: auto !important; height: 226px;
		width: 268px;
		margin-right: 1px;
	}

	.box#center-right {
		margin-right: 0;
	}

	.box#center-left p.intro {
		margin-right: 88px;
	}

	.box#center-right p.intro {
		margin-right: 107px;
	}

	#cart p {
		margin: 0.35em 1em;
	}

	#cart ul.inline {
		margin-left: 0.3em;
	}

	#header form {
		position: absolute;
		top: 12px;
		left: 4px;
	}

	#header input.button {
		padding: 2px;
		border-style: none;
		background-color: #b53d7a;
		color: #fff;
		text-transform: uppercase;
	}

	#header input.text {
		border: 1px solid #aaa;
		background-color: #fff;
		color: #888;
	}

	#img_beauty, #img_health {
		position: absolute;
		top: 1.8em;
		right: 0;
		z-index: 1;
		margin: 0;
	}

	#img_health {
		top: 0.4em;
		right: 12px;
	}

	#footer p {
		float: left;
		margin: 0;
	}

	#intro.product div.product  img {
		float: left;
		margin: 8px;
	}

	#intro li, #intro p {
		font-size: 80%;
	}

	#intro li {
		margin-left: 35px;
	}

	#intro.product li, #intro.product p {
		font-size: 70%;
	}

	#intro p#crumb {
		margin: 0;
		padding: 0.5em 0 0 1em;
		background-color: #f7e6ee;
		color: #000;
		font: bold 60% Arial, sans-serif;
	}

	#intro ul {
		list-style-type: disc;
	}

	#intro ul#tabs-list li {
		font-size: 80%;
	}

	#nav li {
		border-right-color: #fff;
	}

	#nav li a, #nav li a:visited {
		background-color: inherit;
		color: #fff;
	}

	#nav {
		float: right;
	}

	#right .box img.cta {
		position: absolute;
		top: 5px;
		right: 0;
	}

	#right .box img.cta#img_Coupons {
		top: 0;
	}

	#right .box p {
		margin-right: 60px;
	}

	#right .box#cart p, #right .box#special-offers p {
		margin-right: 0;
	}

	#shopping li {
		margin: 0;
		border-top: 2px solid #b53d7a;
		font-size: 80%;
	}

	#shopping li.first {
		border-top-style: none;
	}

	#shopping li a {
		display: block;
		padding: 5px 5px 5px 10px;
		height: auto !important; height: 14px;
	}

	#shopping li a:hover, #shopping li a.current {
		background-color: #b53d7a;
		color: #fff;
		text-decoration: none;
	}

/* product page tabs */
	#tabs-wrapper {
		clear: both;
		position: relative;
		padding-top: 1.7em;
	}

	div.tab-panel {
		border: 1px solid #b53c79;
		margin: 0 10px 10px 10px;
		padding: 0.5em 0;
	}

	div.tab-panel .cat-list-box {
		clear: none;
		min-height: 11em; height: auto! important; height: 11em;
		border-style: none;
	}

	div.tab-panel .cat-list-box .cat-list-buy {
		top: 1.5em;
		bottom: auto;
		width: 125px;
	}

	#intro div.tab-panel .cat-list-box .cat-list-buy p {
		font-size: 100%;
	}

	div.tab-panel .cat-list-box .cat-list-image {
		top: 0.5em;
		left: 0.25em;
	}

	div.tab-panel .cat-list-box .cat-list-text {
		width: 18em;
		margin: 0 125px 0 0;
	}

	ul#tabs-list {
		position: absolute;
		top: 0;
		width: 520px;
		margin: 0 0 0 10px;
		font-size: 85%;
		list-style-type: none;
	}

	ul#tabs-list a {
		float: left;
		display: block;
		min-width: 8em; width: auto !important; width: 8em; 
		margin-right: 0.3em;
		padding: 5px 6px;
		border-top: 1px solid #fff;
		background-color: #f7e6ee;
		color: #b53c79;
		font-weight: bold;
		white-space: nowrap;
	}

	ul#tabs-list li {
		display: inline;
		margin: 0 4px 0 0;
	}

	ul#tabs-list li.on a, ul#tabs-list a:hover {
		padding: 5px 5px 6px 5px;
		background-color: #fff;
		color: #b53c79;
		border: 1px solid #b53c79;
		border-bottom-style: none;
		text-decoration: none;
	}

	ul#tabs-list a:hover {
		border-bottom-color: #b53c79;
		background-color: #f7e6ee;
	}

/* end product page tabs */

	span.button-special {
		padding: 2px 4px;
		background-color: #b53c79;
		color: #fff;
	}

	.home-product-a, .home-product-b {
		position: relative;
		background-color: #f7e6ee;
		color: #000;
		line-height: 14pt;
		clear: both;
	}

	.home-product-b {
		background-color: #ebd6e0;
	}

	.home-product-a h3, .home-product-b h3 {
		padding: 0.3em 1em;
	}

	.home-product-a img, .home-product-b img {
		float: right;
		max-width: 100px; width: auto !important; width: 100px;
		margin-left: 5px;
	}

	.prices {
		clear: both;
		min-height: 5.3em; height: auto !important; height: 5.3em;
		width: 520px;
		background-color: #f7e6ee;
	}

	.prices table, .prices .cat-list-buy {
		margin-bottom: 1em;
		background-color: #f7e6ee;
	}

	.prices table {
		float: left;
		width: 70%;
		margin: 0.75em 0.5em;
	}
	
	.prices table td.detail {
		width: 78%;
	}

	.prices table td.price {
		width: 22%;
		text-align: right;
	}

	.prices .cat-list-buy {
		float: right;
		width: 22%;
		background-color: #953164;
		color: #fff;
	}

	.prices .cat-list-buy a, .prices .cat-list-buy a:hover {
		background-color: inherit;
		color: #fff;
	}

	.prices .cat-list-buy p {
		margin: 0;
		padding: 1em;
		text-align: center;
		font-weight: bold;
	}

	#intro .prices .cat-list-buy p.cat-list-buy-now {
		background-color: #b53c79;
		font-size: 95%;
	}

	.special-price {
		position: relative;
		clear: both;
		min-height: 3.35em; height: auto !important; height: 3.35em;
 		margin: 6px 10px;
		background-color: #b53c79;
		color: #fff;
		font-size: 90%;
	}

	#center .special-price {
		min-height: 3.28em; height: auto !important; height: 3.28em;
	}

	.special-price p {
		margin: 0.25em 0 0 0;
		padding: 0.5em 1em 0.3em 0.9em;
	}

	#center .special-price p {
		padding-top: 1.5em;
	}

	#center .special-price p.button {
		padding-top: 0.5em;
	}

	.special-price p span {
		font-size: 220%;
		letter-spacing: -0.07em;
	}

	.special-price p.button {
		position: absolute;
		top: 0;
		right: 0 !important; right: 6px;
		width: 4em;
		margin: 0;
		padding: 8px 5px;
		background-color: #953164;
		color: #fff;
		font-size: 90%;
		text-align: center;
		line-height: 12pt;
	}

	}
	.special-price p.buynow {
		position: absolute;
		left: 131px;
		bottom: 0px;
		top: 0;
		right: 0 !important; right: 6px;
		width: 4em;
		margin: 0;
		padding: 8px 5px;
		background-color: #CC3333;
		color: #fff;
		font-size: 90%;
		text-align: center;
		line-height: 12pt;
		font-weight: bold;
	}

	.special-price p.button a, .special-price p.button a:visited, .special-price p.buynow a, .special-price p.buynow a:visited {
		background-color: inherit;
		color: #fff;

/* end modifiers */

/* global modifiers */
	.clear {
		clear: both;
	}
	
	.dnone {
		display: none;
	}

	.listcap {
		padding: 4px;
		background-color: #f7e6ee;
		color: inherit;
		font-weight: bold;
	}

	.nowrap {
		white-space: nowrap;
	}

	.offscreen {
		position: absolute;
		left: -999em;
		overflow: hidden;
	}

	.warning {
		background-color: inherit;
		color: #c00;
	}
/* end global modifiers */
}

/* ####### Homepage Redesign ####### */
/* ################################# */

.home-product {
float: left;
width: 255px; /* 167 */
background: #ECD6E0;
margin: 0 10px 10px 0;
}

#center .new-prod-box {
float: left;
width: 531px;
padding: 10px 0 0 10px;
}

#center .box .home-product h3 {
padding: 0;
width: 245px; /* 157 */
padding: 5px;
background: #B53C79;
color: #ffffff;
font-weight: normal;
font-size: 80%;
min-height:45px; /* 50 */
height:auto !important;
height:45px; /* 50 */
}

.home-product h3 span {
font-weight: bold;
}

.home-product h3 a {
color: white;;
}

.home-product p.product-desc {
margin: 0;
width: 245px; /* 157 */
padding: 5px;
min-height:180px; /* 230 */
height:auto !important;
height:180px; /* 230 */
}

#center .home-product .special-price {
margin: 0;
}

#center .home-product .special-price p {
padding-top: 5px
}

#center .box .home-product p img {
float:right;
margin-left:5px;
max-width:100px;
width:auto !important;
}

#center .home-product .special-price p.button {
padding-top: 7px;
}