body { font: 12px Arial, sans-serif; background: #513127; color: #fff; margin: 0px }
a { color: #f2e18b }
a:hover { text-decoration: none }

#container { width: 830px }

#top-links { height: 15px; padding-top: 10px; color: #ad8053; text-align: right; font-weight: bold }
#top-links ul {padding: 0; margin: 0;}
#top-links ul li{list-style-type: none; display: inline; border-right: solid 2px #ad8053; padding: 0 1px 0 4px; margin: 0;}
#top-links ul li.last-child {border-right: none;}

#logo { height: 60px }
#logo img { border: 0px }
#nav2 {
	width: 131px;
	height: 250px;
	background: #513127;
	float: left;
	padding: 10px 15px 0px 18px;
	font-size: 12px;
	top: 408px;
	left: 0px;
	position: absolute;
}
#nav { width: 131px; height: 308px; background: #98002e; float: left; padding: 10px 15px 0px 18px; font-size: 12px } /* was temporailty 350 px high */
#nav-container { width: 131px; height: 305px; overflow: hidden }

#nav ul {padding: 0; margin: 0}
#nav ul li {list-style-type: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #f2e18b; padding: 6px 0}
#nav ul li ul { padding-left: 10px; display: none; }
#nav ul li ul li { border-bottom: none; padding: 0px; font-size: 10px; }
#nav ul li:last-child { border-bottom: none; }
#nav ul li:first-child { padding-top: 0px; }

#nav a { font-weight: bold; padding: 2px 0px; text-decoration: none }
#nav a:hover, #nav a.current { color: #fff }

.subnav a { color: #f2e18b }
.subnav a:hover { color: #fff }
.subnav a.current { color: #fff }
.subnav { padding-left: 10px; line-height: 120%; font-weight: bold; display: none }

#splash { width: 510px; height: 318px; float: left }

#events-index, #events { font-size: 11px; width: 130px; height: 308px; padding: 10px 15px 0px 10px; background: #98002e; float: left }
#events-index a, #events a { color: #fff }
#events-index h2, #events h2 { border-bottom: 1px dotted #f2e18b; padding-bottom: 10px; margin-bottom: 10px }
#events { height: 125px; line-height: 140% }	/* Reset the height for secondary pages */ 

#index-copy { width: 460px; padding: 20px 50px 0px 164px; float: left; font-size: 12px }
#index-copy2 {
	width: 800px;
	padding: 20px 50px 0px 15px;
	float: left;
	font-size: 12px
}

.special-offer-index {background: #f2e18b url(../img/special-offers-back.gif) repeat-y top right; border: 1px solid #fff; padding: 5px; margin: 22px 0 0 0; font-size: 15px; }
#events-index .special-offer-index a {text-decoration: none; color: #98002e}
#events-index .special-offer-index a:hover {text-decoration: underline; color: #98002e}

#secondary-copy { width: 510px; float: left; font-size: 12px; overflow: hidden }
#secondary-copy .padded { padding: 25px 50px 0px 20px}
#secondary-copy .cart { padding: 25px 10px 0px 20px}

#secondary-right { float: right; width: 155px; overflow: hidden }

#misc { width: 144px; padding: 20px 0px 0px 10px; float: left; font-size: 11px; overflow: hidden }

#footer { 
	line-height: 150%; 
	font-size: 12px; 
	color: #d4a67c; 
	text-align: right; 
	padding-top: 20px; 
	margin: 15px 0px; 
	background: url('../img/footer-background.gif') no-repeat top center 
}

#footer ul {padding: 0; margin: 0;}
#footer ul li{list-style-type: none; display: inline; border-right: solid 2px #ad8053; padding: 0 1px 0 4px; margin: 0;}
#footer ul li.last-child {border-right: none;}

.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }

.right { float: right; padding-right: 20px }
.left { float: left }
.bold { font-weight: bold; }

h1 { font: bold 14px Arial, sans-serif; color: #f2e18b; margin: 0px; padding: 0px }	/* Large, yellow text */
h2 { font: bold 12px Arial, sans-serif; color: #f2e18b; margin: 0px; padding: 0px }	/* Regular yellow text */
h3 a { font-size: 11px; font-weight: bold; color: #f2e18b; text-decoration: underline }	/* For specialized yellow, bold links */
h3 a:hover { text-decoration: none }

h4 { margin: 0px; padding: 1px 0px; line-height: 200% }
h4 a { font: bold 12px Arial, sans-serif; color: #fff; text-decoration: none }	/* For specialized white, bold links */
h4 a:hover, h4 a.current { color: #f2e18b; text-decoration: underline }

h5 { font: 12px Arial, sans-serif; color: #f2e18b; margin: 0px; padding: 0px }	/* Yellow text, same size as regular font */

.left-border { border-left: 1px dotted #f2e18b; margin-top: 10px; padding-top: 10px }
.right-border { border-right: 1px dotted #f2e18b; margin-top: 10px; padding-top: 10px }
hr { height: 1px; border: 0px; border-top: 1px dotted #f2e18b }
ul { margin-top: 2px }

.table-alt { background: #795441 }
th { text-align: left; color: #f2e18b }
td { font-size: 12px }

.yellow { color: #f2e18b }

.required { color: #dc5855; font-weight: bold }

ul.salon-services-menu, ul.spa-services-menu { list-style-type: none; padding: 0px; line-height: 18px; padding-right: 50px; }
ul.spa-services-menu { padding-right: 25px; }
ul.salon-services-menu li, ul.spa-services-menu li { display: inline; border-right: 1px solid #f2e18b; padding: 0px 3px 0px 5px; }
ul.salon-services-menu li.last-child, ul.salon-services-menu li:last-child, ul.spa-services-menu li.last-child, ul.spa-services-menu li:last-child { border: none; }
ul.salon-services-menu li a, ul.spa-services-menu li a { font-weight: bold; color: #fff; }

/* added ams */

label { width: 120px; float: left; margin-top: 5px; font-weight: bold }
.formField { font-size: 11px; width: 203px; }
input.formField { width: 200px; float: left; margin-top: 7px; border: 1px solid #666; }
select.formField { float: left; margin-top: 7px; border: 1px solid #666 }
.value { width: 200px; float: left; margin-top: 7px; }

.submit_button_go {
  margin-top: 7px; 
  margin-left: 33px;
}

.submit_button_search {
  margin-top: 7px; 
  margin-left: 3px;
}


.notice {
  width: 100%;
  text-align: center;
  border: 2px solid #B5CD9B;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  margin: 10px;
}

#productSearchResults {
  width: 472px;
  padding:0;
  margin:0;
}

.productSearchResult {
  width: 132px;
  /*height: 250px;*/
  padding: 0 25px 25px 0;
  margin: 0;
  float: left;
}

.productImage {
  /*height: 180px;
  vertical-align: top;*/
}

.productSearchResult .productPricingDescription {
  width: 90px;
  float: left;
}

.productSearchResult .productPricingPrice {
  float: left;
}      

#searchBox {
  background-color: #7c5440;
  width: 180px;
  padding: 10px;
  float: left;
}

#searchBox.nobg {
  background-color: transparent;
}

#searchBox .formField {
  font-size: 10px;
  width: 100px;
}

#loginBox {
  width: 220px;
  padding: 10px;
  float: left;
}

#loginBox .formField {
  font-size: 10px;
  width: 100px;
}

#loginBox label {
  font-weight: normal;
  font-size: 11px;
  width: 90px;
}

#registrationBox {
  border-width: 1px;
  border-color: #f2e18b;
  margin-top: 10px;
  width: 180px;
  padding: 10px;
  float: left;
}      

#registrationBox a {
  color: #FFFFFF;
}

#passwordReminderBox {
  border-width: 1px;
  border-color: #f2e18b;
  margin-top: 10px;
  width: 200px;
  height: 100px;
  float: left;
}      

#passwordReminderBox a {
  color: #FFFFFF;
}

.searchSummary {
  background-color: #654233;
  padding: 5px;
  width: 472px;
  height: 16px;
}

.searchSummary .summaryDetails {
  float: left;
  width: 236px;
  height: 16px;
}

.searchSummary .summaryNavigation {
  float: left;
  width: 236px;
  height: 16px;
  text-align: right;
}

#cartHeader {
  background-color: #513127;
  padding: 2px;
  width: 472px;
  margin-bottom: 20px;
}

#cartHeader>div {
  color: #fce88c;
  background-color: inherit;      
  float: left;
}

#cartHeader .header {
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  width: auto
  /*width: 230px;*/
  /*float: left;*/
}

#cartHeader .account {
  font-size: 11px;
  /*width: 230px;*/
  width: auto;
  text-align: right;
  float: right;
}

/*
.formRow { clear: both; vertical-align: top; }
.formField { width: 200px; float: left; margin-top: 7px; border: 1px solid #666 }
*/
.formRow label { 
  width: 250px; 

}
.formRow label.error, .formRow input.submit, label.error { 
  font-weight: bold;
  color: #98002e; 
  margin-left: 120px;
}

input.error, select.error, textarea.error {
  background-color: #abcacf;
}

.submitButton {
  background-color: #9e112c;
  padding: 2px 5px 2px 5px;
  width: 60px;
  text-align: center;
  float: left;
  margin-top: 7px;
  margin-left: 3px;        
}

/*
form.validate .error { 
  font-weight: bold;
  color: #98002e; 
  margin-left: 120px;
  display: inline;
}
*/



.product .product_image {
  padding-right: 20px;
  padding-bottom: 20px;  
  float: left;
}

.product .product_description {
  padding-bottom: 10px;
}

.product .product_detail {
  width: 280px;
  float: left;
}

.product_price {
  padding-bottom: 3px;
}

.product_price div, .product_price input, .product_price select {
  float: left;
}

.product_quantity_input {
  width: 20px;
  font-size: 11px;
}

.product_price  .product_price_description {
  width: 80px;
  float: left;
}

.product_price  .product_price_price {
  width: 50px;
  text-align: right;
  padding-right: 10px;
  float: left;
}

.product_price .product_price_quantity {
  width: 96px;
  float: left;
}

.product_price  input.formField {
  width: 20px;
  text-align: right;
  float: left;
}

.cart {
  margin-bottom: 40px;
}

.cart_header {
  font-weight: bold;
  color: #f2e18b;
  border-bottom: dotted 1px #f2e18b;
  margin-bottom: 5px;
  float: left;
}

.cart_item_name {
  width: 130px;
  float: left;  
}

.cart_item_sku {
  padding-right: 5px;
  width: 60px;
  float: left;
}


.cart_item_unit_price {
  padding-right: 5px;
  width: 60px;
  float: left;
  text-align: right;
}


.cart_item_quantity {
  padding-right: 5px;
  width: 60px;
  float: left;
  text-align: right;
}

.cart_item_giftwrap {
  padding-right: 5px;
  width: 30px;
  float: left;
  text-align: right;
}

.cart_item_total_price {
  padding-right: 10px;
  width: 55px;
  float: left;
  text-align: right;
}

.cart_item_remove {
  padding-right: 0px;
  width: 20px;
  font-size: 10px;
  padding-top: 2px;
  float: left;
  text-align: right;
}

.sectionHead {
  color: #f2e18b;
  font-weight: bold;
}	

.orderHistory>div {
  float:left;
  width: 110px;
}

.adminform_instruction {
  color: #FF0000;
  font-style: italic;
  margin-left: 120px;
}