/***********************************************/
/* HTML Element Styles                         */
/***********************************************/ 
* {
	margin: 0px;
	padding: 0px;
}
html {
	
}
* html body {
	
}
body {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	
	margin: auto;
		width: 740px;
	height: 100%;
	background: #6d1600 url(../../images/bg.gif);
		border: none;
		min-height: 100%;
		margin: auto;
	width: 740px;
}
body * {
	font-size: 100%;
}

.popUpBody{
	background: #fff;
	height: 100%;
}
/* Links ***************************************/

a {
	font-weight: bold;
	text-decoration: underline;
	color: #039;
}
a:hover {
	text-decoration: none;
	color: #900;
}
a.alt, 
.alt a {
	color: #960;
}
a.alt:hover, 
.alt a:hover {
	color: #900;
}
a img {
	border: none;
}

/* Headers *************************************/

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
h2 {
	text-transform: uppercase;
	margin-top: 4px;
	padding-left: 18px;
	background: url(../../images/arrow.gif) no-repeat left 2px;
}
h3 {
	text-transform: uppercase;
}
h3, 
h4 {
	padding: 1px 0px;
	font-size: 1em;
}
h3 a, 
h4 a {
	color: #000;
	text-decoration: none;
}
h3 a:hover, 
h4 a:hover {
	color: #900;
}

/* Text ****************************************/

p {
	margin: 0;
	padding: 0px 0px 6px;
}
p.first {
	padding-top: 0px;
}

/* Lists ***************************************/

ul, 
ol {
	padding-left: 15px;
}

/* Tables **************************************/

th {
	text-transform: uppercase;
	color: #663;
}

/***********************************************/
/* Layout                                      */
/***********************************************/

/* By ID ***************************************/

#main {
	padding: 0px 4px;
	padding-top: 80px;
	background: #fff;
	min-height: 100%;
	position: absolute;
	top: -80px;
	 width:732px; 
}
* html #main {
	height: 100%;
}
#main > #mast-head {
	height: 74px;
}
#content {
	border-top: 15px solid #000;
	padding-bottom: 85px;
	
}

/***********************************************/
/* Footer                                      */
/***********************************************/ 

#footer {
	position: absolute;
	bottom: 0;
	height: 70px;
	text-align: center;
	width: 732px;
}
 
#footer ul {
	list-style: none;
	padding: 6px 0px;
}
#footer li {
	display: inline;
	border-left: 1px solid #000;
}
#footer li.first {
	border-left: none;
}
#footer li a {
	color: #000;
	text-decoration: none;
	text-transform: lowercase;
	padding: 1px 7px;
}
#footer li a:hover {
	color: #7C0800;
}
#footer div {
	background: #663;
	border-bottom: 5px solid #4e4e13;
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
}
#footer div ul {
	float: left;
	padding: 13px 10px 7px;
}
#footer div li {
	border-color: #fff;
}
#footer div a {
	color: #fff;
	text-decoration: none;
}
#footer div a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer div p {
	float: right;
	padding: 3px 10px;
}

/* By Class ************************************/

.sidebar {
	float: left;
	width: 226px;
}
.inner-sidebar {
	float: left;
	width: 252px;
	margin-right: 10px;
}
.main-column {
	float: right;
	width: 500px;
}
.inner-main {
	float: right;
	width: 446px;
}
.header {
	padding-left: 30px;
	padding-right: 12px;
	background-position: 12px 2px;
	background-color: #beb792;
	color: #600;
}
h3.header {
	text-transform: uppercase;
	padding: 3px 12px;
}
.header2 {
	padding-left: 30px;
	padding-right: 12px;
	background-position: 12px 2px;
	background-color: #eaddad;
	color: #600;
}
.header3 {
	padding-left: 28px;
	padding-right: 12px;
	background-position: 10px 2px;
	background-color: transparent;
	color: #900;	
}
.header4 {
	padding-left: 28px;
	padding-right: 12px;
	background-image: url(../../images/arrow4.gif);
	background-position: 10px 2px;
	background-color: transparent;
	color: #663;	
}
.header-star {
	padding: 3px 12px 0px 18px;
	margin-bottom: -3px;
	background: transparent url(../../images/star2.gif) no-repeat 0px 1px;
	text-transform: uppercase;
	color: #600;
	position: relative;
	z-index: 2;
}
.bucket-wrapper {
	border: 1px solid #666;
	padding: 1px;
}
.bucket {
	padding: 8px 12px;
	background: #d4ceaf;
}
.bucket2 {
	padding: 8px 12px;
	background: #f3ebcf;
}
.bucket4 {
	padding: 8px 12px;
	background: #fff;
}
.bucket5 {
	padding: 8px 12px;
	background: #e5e2cf;
	font-size: 10px;
}
.footer2 {
	padding: 4px 12px;
	margin-top: 1px;
	background: #eaddad;
}
.item {
	padding: 10px 0px;
	border-top: 1px solid #999;
}
.item2 {
	padding: 10px 0px;
}
.first-item {
	padding-top: 0px;
	border-top: 0px;
}
.p-focus {
	padding: 6px 0px;
	font-size: 10px;
	line-height: 14px;
}
.note {
	font-weight: normal;
}

/***********************************************/
/* Layout Table                                */
/***********************************************/ 

.layoutTable {
	width: 100%;
}

.layoutTable th {
	color:#600;
	padding: 2px 1px;
	background: #d4ceaf;
	border: 1px solid #f3ebcf;
	text-align: center;
}

.layoutTable td {
	padding: 2px 1px;
	background: #f3ebcf;
	border: 1px solid #f3ebcf;	
}

.layoutTable .row td {
	background: #E0EBF3;
	border: 1px solid #D1E6EF;
}

.layoutTable .plain td {
	background: #fff;
	border: 1px solid #fff;
}

.layoutTable .altRow td {
	background: #F1F6FA;
	border: 1px solid #DDE8ED;
}

.layoutTable img {
	vertical-align: middle;
	padding: 1px;
}

.layoutTable .row:hover td {
	background: #F9FBFD;
	border: 1px solid #E0EAEF;
}

.layoutTable .altRow:hover td {
	background: #F9FBFD;
	border: 1px solid #E0EAEF;
}

/***********************************************/
/* Logo                                        */
/***********************************************/ 

h1#logo {
	padding: 20px 0px 3px;
}
h1#logo a {
	display: block;
	text-decoration: none;
	color: #000;
}
h1#logo a:hover {
	color: #333;
}

/***********************************************/
/* Master Navigation                           */
/***********************************************/ 

#mast-nav {
	padding: 0px;
	position: relative;
	float: left;
	list-style: none;
	background: #000 url(../../images/nav.gif) no-repeat left top;
	height: 36px;
}
#mast-nav li {
	float: left;
	margin-right: 1px;
}
#mast-nav li a {
	display: block;
	height: 36px;
	background: #000 url(../../images/nav.gif) no-repeat left top;
	text-indent: -999999px;
	overflow: hidden;
}
li#nav-home a {
	width: 56px;
	background-position: 0px top;
}
li#nav-home a:hover {
	background-position: 0px bottom;
}
li#nav-search a {
	width: 135px;
	background-position: -57px top;
}
li#nav-search a:hover {
	background-position: -57px bottom;
}
li#nav-news a {
	width: 51px;
	background-position: -193px top;
}
li#nav-news a:hover {
	background-position: -193px bottom;
}
li#nav-products a {
	width: 79px;
	background-position: -245px top;
}
li#nav-products a:hover {
	background-position: -245px bottom;
}
li#nav-forums a {
	width: 66px;
	background-position: -325px top;
}
li#nav-forums a:hover {
	background-position: -325px bottom;
}
li#nav-pictures a {
	width: 70px;
	background-position: -392px top;
}
li#nav-pictures a:hover {
	background-position: -392px bottom;
}
li#nav-faq a {
	width: 43px;
	background-position: -463px top;
}
li#nav-faq a:hover {
	background-position: -463px bottom;
}

/***********************************************/
/* Skip Navigation                             */
/***********************************************/

#skip-nav {
	display: none;
} 

/***********************************************/
/* Utility Navigation                          */
/***********************************************/ 

#util-nav {
	padding: 4px 0px;
	text-align: right;
	border-bottom: 4px solid #000;
	margin-bottom: 1px;
}
#util-nav li {
	display: inline;
	list-style: none;
	border-left: 1px solid #666;
	line-height: 8pt;
}
#util-nav li.first {
	border-left: none;
}
#util-nav li a {
	padding: 1px 5px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #666;
}
#util-nav li a:hover {
	color: #000;
}

/***********************************************/
/* Global Navigation                           */
/***********************************************/ 

ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li {
	list-style: none;
}
.nav li a {
	display: block;
	padding: 3px;
	background: #d4ceaf;
	border-top: 1px solid #f3ebcf;
	border-right: 1px solid #f3ebcf;
	font-size: 1.1em;
	text-decoration: none;
	color: #000;
}
.nav li a:hover {
	border-color: #f3ebcf;
	background: #f3ebcf;
	color: #000;
}


/* Other Lists *********************************/

.list2 {
	list-style: none;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 15px;
}
.list2 li {
	width: 50%;
	margin: 2px 0px;
	float: left;
}
.options {
	list-style: none;
	padding-left: 0px;
}
.options li {
	float: left;
	width: 49.5%;
	padding: 4px 0px;
	background: url(../../images/options-l.gif) no-repeat left center;
}
.options a {
	margin-left: 2px;
	padding: 4px 6px;
	padding-left: 4px;
	display: inline-table;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #63410e;
	background: url(../../images/options-r.gif) no-repeat right center;
}	
* html .options a {
	display: inline-block;
}
.options a:hover {
	color: #000;
}
.foot-ul {
	padding-left: 0px;
}
.foot-ul li {
	float: left;
	margin-left: 20px;
}
.foot-ul li.first {
	list-style: none;
	margin-left: 0px;
}

/***********************************************/
/* Individual Components                       */
/***********************************************/ 

/* Email Signup ********************************/

#email-signup {
	position: relative;
	float: right;
	padding: 0px;
	margin: 0px;
	height: 37px;
}
* html #email-signup {
	height: 36px;
}
#email-signup fieldset {
	margin: 0px;
	padding: 5px 5px;
	background: #000;
	color: #fff;
	border: none;
	height: 26px;
	width: 215px;
	text-align: right;
}
* html #email-signup fieldset {
	padding: 4px 5px;
	height: 28px;
}
#email-signup legend {
	display: none;
}
#email-signup label {
	vertical-align: baseline;
}
#email-signup label span {
	display: none;
}
#email-signup label input {
	padding: 2px;
	border: 1px solid #a3a3a3;
	color: #20201c;
}
#email-signup input.submit {
	background: #000;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: pointer;
}

/* Flash ****************************************/

#flash-promo {
	clear: both;
	margin-bottom: 1px;
	overflow: hidden;
}
#flash-promo img {
	display: block;
}

/* Survey **************************************/

a.survey {
	float: right;
	height: 33px;
	width: 500px;
	position: relative;
	top: -15px;
	margin-bottom: -7px;
	background: url(../../images/survey.gif) no-repeat left top;
	overflow: hidden;
	text-indent: -999999px;
}
a.survey:hover {
	background-position: left bottom;
}

/* Search for Salons ***************************/

#salon-search fieldset.bucket {
	margin-bottom: 0px;
}
#salon-search legend {
	display: none;
}
#snm-wrapper {
	float: left;
	width: 224px;
}
#snr-wrapper {
	float: right;
	width: 50%;
}
#salon-search label {
	color: #330;
	float: left;
	position: relative;
}
#snr-wrapper label {
	width: 164px;
}
#salon-search .hint {
	position: absolute;
	right: 0px;
}
#salon-search label input {
	display: block;
}
#snm-wrapper label input {
	clear: both;
	width: 218px;
}
#snm-wrapper a {
	display: block;
	text-align: right;
}
#snr-wrapper a {
	display: block;
	text-align: right;
}
#snr-wrapper label input {
	width: 158px;
}
#snr-wrapper input.submit {
	margin-top: 1.4em;
	float: right;
}

/* Ratings *************************************/

.rating {
	padding: 1px;
}
.rating * {
	vertical-align: text-bottom;
}

/* Date ****************************************/

.date {
	font-size: x-small;
}

/***********************************************/
/* Miscelaneous Styles                         */
/***********************************************/ 

/* Display *************************************/

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}

/* Floats **************************************/

.floatLeft, 
.f-left {
	float: left;
}

.floatRight, 
.f-right {
	float: right;
}

.noFloat {
	float: none;
}

/* Dimensions **********************************/

.fullWidth {
	width: 100%;
}
.halfWidth, 
.half {
	width: 49.5%;
}
.third {
	width: 33%;
}
.quarter {
	width: 24.5%;
}
.sixth {
	width: 16%;
}
.avoid-sixth {
	margin-left: 17%;
}
.eighth {
	width: 12.25%;
}

/* Spacing *************************************/

.padding {
	padding: 6px;
}
.v-padding {
	padding: 6px 0px;
}
h-padding {
	padding: 0px 6px;
}
.margins {
	margin: 6px;
}
.v-margins {
	margin: 6px 0px;
}
h-margins {
	margin: 0px 6px;
}

/* Images **************************************/

.pic {
	margin-right: 7px;
	margin-bottom: 4px;
}
.thumb {
	margin-right: 7px;
	background: transparent;
	border: 1px solid #000;
	width: 88px;
	text-decoration: none;
	text-align: center;
}
.thumb2 {
	margin-right: 7px;
	background: #e3d39c;
	border: 1px solid #d5c381;
	width: 88px;
	text-decoration: none;
	text-align: center;
}
a:hover .thumb {
	border-color: #900;
}
a:hover .thumb2 {
	border-color: #900;
}
.avoid-thumb {
	margin-left: 98px;
}

/* Fonts ***************************************/

.smaller {
	font-size: .9em;
}

.larger {
	font-size: 1.1em;
}

.important {
	color: #900;
}

/* Alignment ***********************************/

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.margin {
	margin: auto;
}

/***********************************************/
/* Forms                                       */
/***********************************************/

form {
	margin-bottom: .5em;
}
fieldset {
	padding: 0px;
	border: none;/*
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;*/
}
legend {
	margin-top: 4px;
	color: #666;
}
* html legend {
	margin-top: 0px;
}
label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}
input, select, textarea {
	margin: 2px 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
input[type=checkbox] {
	margin: 4px 2px;
}
label, input, select {
	vertical-align: middle;
}
input.text, 
input.password {
	padding: 3px 2px;
	border: 1px solid #7f7f7f;
	border-bottom-color: #dfdfdf;
	border-right-color: #dfdfdf;
}
input[type=text], 
input[type=password] {
	padding: 3px 2px;
	border: 1px inset #dfdfdf;
	border-bottom-style: solid;
	border-right-style: solid;
}
input.submit, 
input.button {
	margin: 1px 0px;
	padding: 1px 2px;
}
input[type=submit], 
input[type=button] {
	margin: 1px 0px;
	padding: 1px 6px;
}

/* Class Specific ******************************/

.hint {
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	color: #666;
	text-transform: none;
	text-align: right;
}
.form-wrapper label {
	display: block;
}
.form-wrapper label span {
	float: left;
	padding: 6px 0px;
}
.form-wrapper label input {
	width: 60%;
	float: right;
}
.form-wrapper label.option {
	width: 63.5%;
	float: right;
	font-weight: normal;
	text-transform: none;
}
.form-wrapper label.option input {
	width: auto;
	float: none;
}
.buttons {
	clear: both;
	text-align: center;
	padding: 4px;
}
.formWrapper div {
	clear: both;
	text-align: left;
}

.formWrapper label {
	display: block;
	float: left;
	padding: .4em .4em 0 0;
	text-align: right;
	width: 48%;
	*width: 150px;
}

.label {
	display: block;
	float: left;
	width: 48.5%;
	padding: .2em 0;
	text-align: right;
}

.staticField {
	display: block;
	float: right;
	width: 48.5%;
	padding: .2em;
	text-align: left;
}

.formWrapper .inputDesc {
	margin-left: 49%;
}

/***********************************************/
/* Checkout Steps                              */
/***********************************************/ 

.steps {
	position: relative;
		top: 0;
		left: 0;
	height: 30px;
}

.steps span {
	float: left;
	display: block;
	width: auto !important;
	width: 50px;
	min-width: 50px;
	padding: 3px 30px;
	background: url(/images/checkout2_bg.gif) transparent no-repeat right center;
	text-align: center;
	white-space: nowrap;
}

.steps span.past {
	background: url(/images/checkout1_bg.gif) transparent no-repeat right center;
}

.steps .step1 {
	z-index: 5;
	position: relative;
	margin-left: 0;
}

.steps .step2 {
	z-index: 4;
	position: relative;
	margin-left: -10px;
}

.steps .step3 {
	z-index: 3;
	position: relative;
	margin-left: -10px;
}

.steps .step4 {
	z-index: 2;
	position: relative;
	margin-left: -10px;
}

.curStep {
	text-transform: uppercase;
	font-weight: bold;
	color: #E0E6EF;
}

/** Clean Up *
#cvvOption2, #cvvOption3 {
	margin-left: 49.6%;
}
#CheckoutStep3 #Country, #CheckoutStep3 #Select1 {
	width: 146px;
}
#CheckoutStep3 #ex_month, #CheckoutStep3 #ex_year {
	width: 71px;
}

.prod dd.floatLeft .thumb {
	margin-top: 5px;
	margin-right: 7px;
}
.searchBox .txtField {
	width: 128px;
}*/
	/* IE Fixes 
	* html #cvvOption2, * html #cvvOption3 {
		margin-left: 49%;
	}
	* html dl.prod dd.floatLeft a {
		display: block;
	}
	* html dl.prod dd.floatLeft a:hover img {
		background: #C5E4FB;
		border: 1px solid #0B6ABF;
	}	*/


.checkOutSteps {
	margin-top: 10px;
	background: #663;
}
.leftpadding{
	padding-left: 30px;
}	
.txtFormTitle
	{
	font-weight:bold;
	text-align:right;
}

#membership ul {
	list-style: none;	
}
#membership li {
	display: inline;
	padding-right:10px;
}
.txtFormTitle_brown
	{
	font-weight:bold;
	text-align:right;
	color:#330;
}