/* ----------------------------------- default ----------------------------------- */
html, body {
	min-width:992px;
	color:#555;
	font-size:13px;
	line-height:15px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#966fa0 url(../images/bg_content_borders.jpg) center top repeat-y;
}
a {			color:#5b2f16; text-decoration:none; }
a:hover {	color:#0055a4; text-decoration:underline; }

strong, b { font-weight:bold;}

.clear {	clear:both !important;	font-size:0; height:0; overflow:hidden; }


input {
	background:#fff url(../images/bg_input.jpg) bottom left repeat-x;
	border:1px solid #cecece;
	padding:3px;
	margin:0;
	color:#555;
}

input.clearBorder {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

/* this makes anything with the attribute of type="hidden" to actually be hidden. ff was not behaving properly. */
[type="hidden"] {
	display:none !important;
	visibility:hidden !important;
}


button {
	border:none;
	background:none;
	margin:0;
	padding:0;
}




/* ------------------------------------------------- header ------------------------------------*/
#header {
	margin:0 auto;
	padding:0;
	width:960px;
	z-index:100;
}

#header #freeSample {
	float:left;
	display:inline-block;
	width:230px;
	height:68px;
	margin:0 0 0 85px;
	padding:0;
	text-indent:-1000em;
	background:url(../images/free_sample.jpg) top left no-repeat;
}


/* ------------------- logo ------------------- */
#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	width:280px;
	height:70px;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-1000em;
	display:inline-block;
	float:left;
}


/* ------------------- login fields ------------------- */
#header #login {
	display:inline-block;
	float:right;
	z-index:1000;
	height:75px;
	margin:10px 25px 0 0;
	width:325px;
}
#header #login fieldset {
	height:22px;
	margin-bottom:4px;
	float:right;
	width:325px;
}
#header #login input {
	height:14px;
	margin:0;
	width:175px;
	float:right;
	display:block;
}
#header #login label {
	height:20px;
	width:130px;
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
}
#header #login button {
	float:left;
	display:inline;
	margin:0 0 0 145px;
	padding:0;
	width:50px;
}

#header #login a.forgot {	
	font-size:10px;
	color:#554d49;
	line-height:22px;
	display:block;
	float:right;
	display:inline;
}

#header #login a.viewCart {	
	font-size:12px;
	color:#036;
	font-weight:bold;
	margin-left:20px;
	line-height:22px;
	display:block;
	float:right;
	display:inline;
}
#header #login a.viewCart:hover {	
	color:#c60;
	text-decoration:none;
}






/* ------------------- Cart Account Info ------------------- */
#header #logoutButton {
	float:right;
	display:inline-block;
	width:100%;
}

#header #account {
	display:inline-block;
	float:right;
	z-index:1000;
	height:75px;
	margin:10px 15px 0 0;
	width:335px;
	text-align:right;
}

#header #account ul#info {
	float:right;
	display:inline;
	width:350px;
	margin:0;
	padding:5px 0 0 0;
	color:#555;
	font-size:12px;
	line-height:20px;
	list-style:none;
	text-align:right;
	border-bottom:1px solid #bbb;
	clear:right;
}

#header #account ul#info li {
	display:inline;
	margin:0 0 0 15px;
}

#header #account ul#info li a {
	font-weight:bold;
	color:#036;
	text-decoration:none;
}

#header #account ul#info li a:hover {
	color:#c60;
}

.accountBold {
	font-weight:bold;
}

#header #account ul#cart {
	float:right;
	display:inline;
	width:275px;
	margin:0;
	padding:0 0 2px 0;
	color:#555;
	font-size:12px;
	line-height:20px;
	list-style:none;
	text-align:right;
}

#header #account ul#cart li {
	display:inline;
	margin:0 0 0 15px;
}

#header #account ul#cart li a {
	font-weight:bold;
	color:#036;
	text-decoration:none;
}

#header #account ul#cart li a:hover {
	color:#c60;
}

#header #account input {
	height:14px;
	margin:0;
	width:150px;
	float:right;
	display:block;
}
#header #account label {
	height:20px;
	width:130px;
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
}
#header #account button {
	float:left;
	display:inline;
	margin:0 0 0 145px;
	padding:0;
	width:50px;
}

#header #account a.forgot {	
	font-size:10px;
	color:#554d49;
	line-height:22px;
	display:block;
	float:right;
	display:inline;
}







/* ------------------- search field ------------------- */
#header #search {
	clear:both;
	display:block;
	float:left;
	width:190px;
	height:40px;
	padding:25px 0 0 20px;
	margin:0;
	overflow:hidden;
}

#header #search form {
	margin:0;
	padding:0;
}

#header #search fieldset {
	height:20px;
	overflow:hidden;
	vertical-align:top;
	display:table-cell;
}

#header #search input {
	height:14px;
	font-size:12px;
	margin:0 3px 0 0;
	display:block;
	float:left;
	width:140px;
}
#header #search button, #header #search button img {
	margin:0;
	padding:0;
}






/* ------------------------------------------------- content ----------------------------------- */
#wrapper {
	padding:0;
	margin:0;
	border:0;
	background:url(../images/bg_purple.gif) top center no-repeat;
}
#contentWrap {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	border:0;
	background:url(../images/bg_content_texture.jpg) top left repeat;
	display:block;
	z-index:1;
}

#contentWrap .bar {
	clear:both;
	height:10px;
	width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	z-index:1;
	background:url(../images/bg_brown_bar.jpg) top left repeat;
}

#content {
	width:640px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0;
	padding:20px 15px 0 15px;
	border:0;
	z-index:2;
	position:relative;
	top:0;
}

/* ------------------------------------------------- sidebar ----------------------------------- */

#sidebar {
	width:290px;
	min-height:400px;
	height:400px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/bg_sidebar_home.jpg) top left no-repeat;
	z-index:3;
}




/*---------------------- browse products menu -------------------------*/
#sidebar #browseProducts {
	padding:20px;
	margin:0 0 10px 0;
	color:#7c6356;
}

#sidebar #browseProducts h2 {
	color:#5b2f16;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:22px;
	text-indent:-1000em;
}
#sidebar #browseProducts p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}
#sidebar #browseProducts form {
	margin-top:5px;
	padding:0;
	color:#554d49;
}
#sidebar #browseProducts form select {
	min-width:180px;
	width:180px;
	color:#554d49;
	font-size:12px;
	line-height:18px;
}


/*---------------------- newsletter signup -------------------------*/
#sidebar #newsSignup {
	padding:20px;
	margin:0 0 10px 0;
	color:#3f4c6b;
}

#sidebar #newsSignup h2 {
	color:#05386b;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:22px;
	text-indent:-1000em;
}
#sidebar #newsSignup p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}
#sidebar #newsSignup form {
	margin-top:5px;
	padding:0;
	color:#554d49;
}
#sidebar #newsSignup form input {
	width:170px;
	color:#554d49;
	font-size:11px;
	line-height:14px;
	display:block;
	float:left;
	margin:0 3px 0 0;
}




/*---------------------- visit the spa -------------------------*/
#sidebar #visitSpa {
	padding:0 0 20px 80px;
	margin:0;
	color:#87704a;
}

#sidebar #visitSpa h2 {
	color:#d15600;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:22px;
	height:28px;
	text-indent:-1000em;
}
#sidebar #visitSpa p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16px;
}

#sidebar .moreInfo a {
	line-height:12px;
	padding:4px;
	margin:10px 50px 0 0;
	background:#d15600;
	color:#fff;
	float:right;
}
#sidebar .moreInfo a:hover {
	background:#87704a;
	color:#fff;
	text-decoration:none;
}








/*---------------------- general subpage styles -------------------------*/
h1 {
	margin:0;
	font-size:25px;
	line-height:30px;
	color:#05386b;
	font-weight:normal;
}

h2, .heading2 {
	font-size:18px;
	line-height:22px;
	color:#5b2f16;
	font-weight:bold;
	margin:10px 0 5px 0;
}

h3, .heading3 {
	font-size:15px;
	line-height:18px;
	color:#936850;
	font-weight:bold;
	margin:10px 0 5px 0;
}

h4, .heading4 {
	font-size:14px;
	line-height:18px;
	color:#936850;
	font-weight:normal;
	margin:10px 0 0 0;
}


hr {
	color:#dcd3bf;
	background:#b3a7a0;
	border:0;
	height:1px;
}
p {
	padding:10px 0;
}

ul {
	list-style:outside;
	margin-bottom:10px;
}
ol {
	margin-bottom:10px;
}
li {
	margin-left:30px;
	padding:2px 0;
}







/* ------------------------------------------------ cms form styles ------------------------------------------------ */
div.formText {
	width:100%;
	float:right;
	display:inline;
}

form table.cmsForm {
	float:right;
	display:inline;/*
	color:#9a9a9a;*/
	font-size:12px;
	line-height:14px;
	width:100%;
}/*
form * {
	font-size:12px;
}



form table.cmsForm input.textInput {
	background:#fff url(../images/bg_input.jpg) bottom left repeat-x;
	border:1px solid #cecece;
	padding:3px;
	margin:0;
	color:#555;
}
*/

form table.cmsForm input, form table.cmsForm select {/*
	color:#666;*/
	margin-right:5px;
}

form table.cmsForm {
	margin:10px auto 0 auto;
}
form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 5px 0;
	text-align:left;
}
form table.cmsForm tr td.formName {
	width:50%;
	text-align:right;
}

form table.cmsForm #checkbox {
	float:left;
	clear:both;
	display:block;
}

form table.cmsForm .required {
	font-size:20px;
	color:#f33;
}

form table.cmsForm textarea {
	width:250px;
}
form table.cmsForm input.radio {
	background:none;
}
form table.cmsForm input.check {
	background:none;
}



table.cmsFormThanks {
	width:100%;
	margin:0;
	padding:0;
}
table.cmsFormThanks td.cmsFormThanksL {
	width:50%;
	text-align:right;
	font-weight:normal;
	padding-bottom:10px;
}
table.cmsFormThanks td {
	vertical-align:top;
	font-weight:bold;
	padding:0 15px 5px 0;
}




/*------------------------------------ sitemap ------------------------------------*/
p.level1 {
	margin:10px 0 5px 0;
	padding:0;
	color:#036;
	font-size:16px; 
	line-height:18px;
	font-weight:normal;
	width:225px;
}
p.level2 {
	margin:5px 0 5px 15px;
	padding:0;
	color:#036;
	font-size:14px; 
	line-height:18px;
	font-weight:normal;
}
p.level3 {
	margin:0 0 5px 30px;
	padding:0;
	font-size:14px; 
	line-height:16px;
	font-weight:normal;
}
p.level4 {
	margin:0 0 0 45px;
	padding:0;
	font-size:14px; 
	line-height:16px;
	font-weight:normal;
}
p.level1 a {
	font-size:16px; 
	line-height:20px;
	font-weight:normal;
}










/*------------------------------------ footer ------------------------------------*/
#footer {
	clear:both;
	margin:0 auto;
	padding:130px 16px 20px 16px;
	width:960px;
	background:#966fa0 url(../images/bg_footer.jpg) top center no-repeat;
	position:relative;
	bottom:0;
}

#footer ul#links {
	float:right;
	display:inline;
	width:990px;
	margin:0;
	padding:0 0 2px 0;
	color:#fff;
	font-size:12px;
	line-height:150px;
	list-style:none;
	text-align:right;
	background:url(../images/footer_line.jpg) bottom right no-repeat;
}
#footer ul#links a {color:#e4d9d6;}



#footer ul#silver {
	width:150px;
	float:right;
	background:url(../images/iPartner_Silver.gif) bottom right no-repeat;
}


#footer ul#links li {
	display:inline;
	margin:0 5px 0 20px;
}

#footer ul#copyright {
	width:100%;
	color:#c69fd1;
	font-size:11px;
	line-height:16px;
	list-style:none;
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer ul#copyright a {color:#c69fd1;}


#footer ul#copyright li {
	display:inline;
	margin:0 5px 0 20px;
}