body{
	margin:0px 0 40px;
	padding:0;
	line-height:1.5em;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-weight:normal; 
	font-size:12px;
	color:#333333;
	background:#FFF url(../imgs/bgnd2.gif) top left repeat-x;
}

*	{
	margin:0;
	padding:0;
}
p {	margin-top:8px; margin-bottom:8px;}

#maincontainer{
	width:956px;
	margin:0 auto;
}

a:link, a:visited , a:active {
	color: #000000;
	font-weight:normal;
	text-decoration: underline;
}

a:hover {color:#33333; font-weight:normal; text-decoration:none;}


#topsection{
	height:142px;
}

#topsection h1{
	margin:0;
	padding-top:15px;
}

#contentwrapper{
	float:left;
	width:100%;
}

#contentcolumn{
	margin-right:290px;
}

#rightcolumn{
	position:relative;
	float:left;
	width:274px;
	margin-left:-274px;
}

#footer{
	position:relative;
	clear:left;
	width:100%;
	color:#CCC;
	font-weight:bold;
	text-align:left;
	padding-top:30px;
}

#footer ul	{
	margin:0;
	padding:0;
}


#footer li	{
	list-style:none;
	float:left;
	margin-right:3px;
	padding-right:3px;
}

#footer p	{
	font-size:12px;
	clear:both;
}


#footer li a:link, #footer li a:visited, #footer a:link, #footer a:visited	{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
}
#footer li a:hover, #footer a:hover{
	color:#808183;
	text-decoration:none;
}

#footer img.eway{
	position:absolute;
	right:20px;
	bottom:5px;
}


.innertube{
	margin:10px;
	margin-top:0;
}

div.innerpad{
	position:relative;
	margin:0 20px 0 20px;
	padding:30px 0 25px 0;
}



div.panel-hdr-main{
	position:relative;
	float:left;
	display:inline;
	width:545px;
	margin-top:42px;
}
div.panel-login{
	position:relative;
	float:left;
	display:inline;
	width:380px;
	margin-left:17px;
}

img.btn-start-now{
	position:absolute;
	top:44px;
	right:10px;
}

div.panel-nav{
	position:relative;
	height:46px;
	background:#720C89 url(../imgs/bgnd_nav.gif) repeat-x;
	left:-4px;
	width:965px;
	margin-bottom:11px;
}

/* login */
#panel-login-content, #panel-login-content-2{
	position:relative;
	float:left;
	width:380px;
	text-align:left;
	margin-left:17px;
	color:#808183;

}

div.login-top{
	float:left;
	height:94px;
	width:100%;
	margin-top:10px;
}
div.login-style{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	/*background: #FFF url(../imgs/bgnd_login.gif) repeat-x top left;*/ /* bgnd shorthand 
	background:#333;*/
}

div.login-style a:link, div.login-style a:visited, div.login-style a:active{font-weight:normal; text-decoration:underline; color:#FFF;}
div.login-style a:hover{font-weight:normal; text-decoration:none; color:#FFF;}


form.form-login{
	position:relative;
	float:left;
}

form.form-login label{
	float: left;
	width: 80px;
	font-weight: bold;
	text-align:left;
	margin: 6px 0 0 44px;
	font-size:11px;
}
form.form-login input{
	float:left;
	width: 120px;
	margin:8px 8px 0 0;
	height:20px;
	font-size:16px;
	padding:9px 6px;
	font-weight:bold;
}

form.form-login br{
	clear: right;
}

form.form-login .btn-submit{
	float:left;
	margin:6px 0 0 0;
}

form.form-login .btn-hover{
	background:#A6A8AB;
}
form.form-login .btn-out{
	background:#808183;
}


div.forgot-pwd{
	float:right;
	display:inline
	width:76px;
	margin:8px 0 0 18px;
	font-size:11px;
	text-align:center;
}

div.forgot-pwd a {
	text-decoration: none;
	color: #BBBDBF;
	font-weight:normal;
}
div.forgot-pwd a:hover, div.forgot-pwd a:focus {
	text-decoration:underline;
}

/* remove these styles on implementation */
.btn-hover{
	background:#A6A8AB;
}
.btn-out{
	background:#808183;
}


div.btn-confirm{margin:40px 0 40px;}
div.btn-confirm a {
	display: block;
	text-decoration: none;
	width:180px;
	padding: 10px 0;
	color: #FFF;
	font-weight:bold;
	background-color:#FF0000;
	text-align:center;
}
div.btn-confirm a:hover, div.btn-confirm a:focus {
	background: #C00000;
}

div.btn-edit{margin:40px 0 40px;}
div.btn-edit a {
	display: block;
	text-decoration: none;
	width:120px;
	padding: 10px 0;
	color: #FFF;
	font-weight:bold;
	background-color:#704c66;
	text-align:center;
}
div.btn-edit a:hover, div.btn-edit a:focus {
		background-color:#5E3752;
}


/* common */

h1 {
	margin:2px 0 20px 0;
	color:#724A65;
	font-weight:bold;
}

.clear { clear:both; height:0px; padding:0px; margin:0px; font-size:0;}
.clear-left { clear:left; height:0px; padding:0px; margin:0px; font-size:0;}
.clear-right { clear:right; height:0px; padding:0px; margin:0px; font-size:0;}

/* headers - sIFr */
/* Flash Image Replacement */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced {
	visibility:visible !important;
}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}

h1, h2, h4, div.nav-member-hdr h2 {display:inline}

h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	font-weight: normal;
	font-size: 400%;
	line-height: 150%;
	color:#724A65;
}

.sIFR-hasFlash h1 {
	visibility:hidden;
	font-size:34px;
	margin:0;
	padding:0;
	line-height:0;
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	font-weight: normal;
	font-size: 190%;
	line-height: 100%;
	color:#000000;	
}

.sIFR-hasFlash h2 {
	visibility:hidden;
	font-size:22px;
	margin:0;
	padding:0;
	line-height:0;
}

h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
	color:#000000;
	margin-left:40px;
}

.sIFR-hasFlash h3 {
	visibility:hidden;
	font-size:20px;
	margin:0;
	padding:0;
	line-height:20px;
	margin-left:40px;	
}

h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
	font-weight: normal;
	font-size: 160%;
	line-height: 100%;
	color:#000000;	
}

.sIFR-hasFlash h4 {
	visibility:hidden;
	font-size:22px;
	margin:0;
	padding:0;
	line-height:22px;
}


.purple_bold {
	color: #000000;
	font-weight: bold;
}
.purple {
	color: #724A65;
}


/* homepage */

div.innerpad{
	position:relative;
	margin:0 20px 0 20px;
	padding:30px 0 25px 0;
}

/* formerly div.hp-main-holder - changed for uniform template publishing */
div.p1{ 
	position:relative;
	float:left;
	width:666px;
	background:#F2EEF1;
	padding:0;
	padding-top:20px;
	margin:0;
}

div.hp-hdr{
	position:relative;
	width:200px;
	height:30px;
	margin:0 0 0 20px;
}

div.hp-main-1{
	position:relative;
	float:left;
	width:295px;
	margin:30px 0 0 20px;
	overflow:visible;
}

ul.square-grey {
	margin:20px 0 0 14px;
	list-style-type: square;
	list-style-image: url(../imgs/ul_square.gif);
	list-style-position:  outside;
}

img.icon-coffee{
	position:absolute;
	right:18px;
	top:-22px;
}

div.hp-main-2{
	position:relative;
	float:left;
	display:inline;
	width:295px;
	margin:30px 20px 0 30px;
	overflow:visible;
}

div.hp-main-1 div.panel-status, div.hp-main-2 div.panel-status{
	height:300px;
}

div.hp-main-1 p, div.hp-main-2 p{
	margin:12px 0;
}


div.hp-main-2 ol{
	margin:10px 0 20px 20px;
}

div.hp-main-2 ol li{
	margin:10px 0;
}

span.num-steps{
	color:#724A65;
	font-weight:bold;
	font-size:16px;
}

div.panel-hp-1{
	text-align:center;
	background:#f3f3f3;
	width:100%;
	height:215px;
}

div.panel-newsletter{
	background:#f3f3f3;
	width:100%;
	margin-top:18px;
	padding:8px 0;
}
div.panel-newsletter-inner{
	text-align:left;
	width:244px;
	margin:0;
	/*background: url(../imgs/newsletter_bgnd.gif);*/
	background:#FFF;
	font-size:11px;
	line-height:12px;
	color:#9EA0A1;
}
div.panel-newsletter-inner p{
	margin:4px 12px;
}

form.form-news-panel{
	margin:10px 0 0 40px;
}
form.form-news-panel label{
	font-weight:bold;
}
form.form-news-panel input{
	height:14px;
	font-size:12px;
	width:140px;
	margin-bottom:8px;
}

form.form-news-panel input.submit{
	height:24px;
	font-size:11px;
	width:80px;
	font-weight:bold;
	background:#E0DFE4;
	color:#9EA0A1;
}


div.panel-hp-2{
	text-align:center;
	background:#f0f1ef;
	width:100%;
	margin-top:18px;
}

img.icon-pencil{
	position:absolute;
	right:14px;
	top:-16px;
}
div.panel-hp-2 img{
	margin: 36px 0 17px;
}

img.icon-support-hm{
	position:absolute;
	right:18px;
	top:-10px;
}

div.hp-main-3{
	position:relative;
	float:left;
	display:inline;
	width:620px;
	margin:0 20px 0 20px;
	overflow:visible;
}



/* members */

div.panel-nav-member{
	text-align:center;
	width:100%;
	margin-bottom:20px;
}

div.nav-member-hdr{
	background:#EAE5E9;
	margin:0 0 10px;
	padding:10px 0 10px 54px;
	text-align:left;
}

ul.nav-member{
	list-style:none;
	text-align:left;
	font-weight: bold;
	padding:25px 0 30px 54px;
	background:#f5f3f4;
}

ul.nav-member li a:link, ul.nav-member li a:visited	{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
ul.nav-member li a:hover{
	color:#444444;
	text-decoration:none;
}


ul.nav-member li .ls{
	padding-left:30px;
	padding-top:4px;
	background:url(../member/imgs/lifesaver.gif) no-repeat;
	background-position: 0px 0px;
	display:block;
	height:26px;
}
/*TODO*/

div.hdr-band-1{
	position:relative;
	background:#EAE5E9;
	/*border:1px solid #E7E5E6;*/
	padding:13px;
	/*margin-bottom:10px;*/
}

img.hdr-icon{
	position:absolute;
	top:8px;
	left:10px;
}

div.hdr-band-status{
	position:relative;
	background:#F9F9F9;
	border:1px solid #E8E8E8;
	padding:10px;
	margin-bottom:10px;
	color:#724A65;
	font-weight:bold;
}
/*
.purple-link-b{font-weight:bold; text-decoration:underline; color:#724A65; font-size:100px;}
a.purple-link-b:link, a.purple-link-b:visited, a.purple-link-b:active{font-weight:bold; text-decoration:underline; color:#724A65; font-size:11px;}
a.purple-link-b:hover{font-weight:bold; text-decoration:none; color:#724A65; font-size:11px}
*/

div.hdr-band-status a:link, div.hdr-band-status a:visited{
	color:#724A65;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
div.hdr-band-status a:hover{
	color:#724A65;
	text-decoration:none;
}

span.unbold{font-weight:normal;}

div.panel-status{
	background:#F5F3F4;
	border:1px solid #E7E5E6;
	padding:10px;
	margin-bottom:25px;
}
/*
div.panel-status a:link, div.panel-status a:visited{
	color:#656565;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
}
div.panel-status a:hover{
	color:#333;
	text-decoration:none;
}
*/

.grey-link{font-weight:normal; text-decoration:underline; color:#656565; font-size:12px;}
a.grey-link:link, a.grey-link:visited, a.grey-link:active{font-weight:normal; text-decoration:underline; color:#656565; font-size:12px;}
a.grey-link:hover{color:#333; text-decoration:none;}


/* support */
img.icon-support-lrg{
	position:absolute;
	top:28px;
	left:5px;
}

/* forms - profile */

/* tooltips */

#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{

	color:#FFF;
	font-weight:normal;
	font-size:10px;
}

a.DHTMLgoodies_formTooltip_closeMessage:hover, a.DHTMLgoodies_formTooltip_closeMessage:focus {
	/*font-family:arial;*/
	font-size:10px;
}

div.btn-submit{
}
div.btn-submit a {
	display: block;
	text-decoration: none;
	color: #666666;
	width:180px;
	padding: 10px 0;
	color: #FFF;
	font-weight:bold;
	background-color:#808183;
	text-align:center;
}
div.btn-submit a:hover, div.btn-submit a:focus {
	background: #A6A8AB;
}

input, select{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0 0 5px 0;
}


div.error{
	clear:left;
	position:relative;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:8px;
	/*width:400px;*/
	background:#5E3752;
	margin:8px 0 8px;
}

div.posting{
	position:relative;
	color:#5E3752;
	font-weight:bold;
	text-align:center;
	padding:20px;
	width:200px;
	background:#FFF;
	margin:8px 0 20px;
	border:2px solid #5E3752;
}


div.form-inst {
	background:#b7a2b5;
	color:#FFF; 
	padding:5px 8px; 
	font-weight:bold;
}


/* form 1 */

div.f1-main-holder{
	width:340px;
	float:left; 
	display:inline; 
	position:relative;
}

div.f1-main-holder img{
	margin-top:50px;
}
div.f1-main-holder strong{
	margin-left:30px;
}

div.f1-1-holder{
	float:left;
	width:310px;
}

form.f1 br{
	clear: left;
}

form.f1 label.f1-1{
	float: left;
	width:190px;
	text-align:right;
	margin:0 16px 5px 0;
}

form.f1 input.f1-1{
	width:60px;
}

form.f1 label.f1-2{
	float: left;
	width:140px;
	text-align:right;
	margin:0 16px 5px 0;
}
form.f1 input.f1-2{
	float:left;
	width:140px;
}

form.f1 label.f1-3{
	float: left;
	width:70px;
	text-align:center;
	margin:0 0 5px 0;
}

form.f1 label.f1-4{
	float: left;
	width:300px;
	text-align:right;
	margin:0 16px 5px 0;
}



/*
div.form-1 label{
	float: left;
	width:160px;
	margin:0 0 5px 0;
}
div.form-1 input{
	float: left;
	margin:0 0 5px 0;
}
div.form-1 br{
	clear: left;
}
*/

/* form 2 */

form.f2 div.f2-0-holder{
	/*float:left;*/
	position:relative;
	text-align:left;
	width:100%;
	/*height:160px;*/
}

form.f2{
	position:relative;
}

form.f2 p{
	clear: left;
	margin:6px 6px;
}

form.f2 br{
	clear: left;
}

form.f2 div.f2-1-holder{
	clear:left;
	position:relative;
	text-align:center;
	width:100%;
	text-align:left;
}
form.f2 div.f2-1-holder div{
	position: relative;
	float: left;
	display:inline;
	margin:2px 13px;
	width:129px;
	height:130px;
	text-align:center;
	background:url(../member/imgs/bg_hair.gif) center no-repeat;
	background-position: bottom left;
}

form.f2 div.f2-1-holder label{
	position:relative;
	top:5px;
	width:128px;
	margin:0;
	font-weight:normal;
	text-align:center;
}

form.f2 div.f2-1-holder img{
	position:absolute;
	top:44px;
	left:0;
}

form.f2 div.f2-1-holder input{
	position:absolute;
	bottom:2px;
	left:58px;
	border:0;
}

form.f2 div.f2-2-holder{
	clear:left;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	text-align:left;
}
form.f2 div.f2-2-holder div{
	position: relative;
	float: left;
	display:inline;
	margin:2px 13px;
	width:129px;
	height:116px;
	text-align:center;
	background:url(../member/imgs/bg_hair.gif) center no-repeat;
	background-position: bottom left;
}

form.f2 div.f2-2-holder label{
	position:relative;
	padding-top:5px;
	width:128px;
	margin:0;
	font-weight:normal;
	text-align:center;
}

form.f2 div.f2-2-holder img{
	position:absolute;
	top:30px;
	left:0;
}

form.f2 div.f2-2-holder input{
	position:absolute;
	bottom:0px;
	left:58px;
	border:0;
}

form.f2 input.f2-3{
	margin:4px;
	width:500px;
}

form.f2 div.f2-3-holder{
	clear:left;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	text-align:left;
}

form.f2 div.f2-3-holder div{
	position: relative;
	float: left;
	display:inline;
	margin:2px 3px;
	width:201px;
	height:71px;
	text-align:center;
	background:url(../member/imgs/bg_option.gif) center no-repeat;
}
form.f2 div.f2-3-holder div label{
	position:relative;
	width:200px;
	top:14px;
	font-weight:normal;
	text-align:center;
}

form.f2 div.f2-3-holder input{
	position:absolute;
	bottom:2px;
	left:96px;
	border:0;
	padding:0;
}

div.f2-4-holder{
	clear:left;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	text-align:left;
	margin-top:10px;
}

div.f2-4-holder div{
	position: relative;
	float: left;
	display:inline;
	/*padding-top:30px;*/
	margin:2px 15px 0 0;
	width:109px;
	height:284px;
	text-align:center;
	background:url(../member/imgs/bg_palette.gif) center no-repeat;
}
form.f2 div.f2-4-holder label{
	position:relative;
	width:108px;
	margin:0;
	top:12px;
	/*padding:10px 0 8px;*/
	font-weight:normal;
	text-align:center;
}

form.f2 div.f2-4-holder input{
	position:relative;
	top:15px;

	border:0;
}
form.f2 div.f2-4-holder img{
	position:absolute;
	top:70px;
	left:12px;
}



/* form 3*/
form.f3 div.f3-1-holder{
	clear:left;
	float:left;
	display:inline;
	position:relative;
	left:50px;
	text-align:left;
	width:500px;
	text-align:left;
	margin-top:12px;
	
}
form.f3 div.f3-1-holder div{
	position: relative;
	float: left;
	display:inline;
	width:160px;
	font-weight:bold;
}
form.f3 div.f3-1-holder input{
	width:140px;
	margin-bottom:5px;
}



form.f3 input.f3-2{
	width:400px;
}

form.f3 div.f3-2-holder{
	margin:20px 0 0 50px;
	width:500px;
}
form.f3 div.f3-2-holder div{
	float:left;
	margin-bottom:6px;
	font-weight:bold;
}

form.f3 div.f3-2-holder div.f3-2-ttl{
	float:left;
	width:140px;
}

form.f3 div.f3-2-holder input{
	border:0;
	width:22px;
}

form.f3 div.f3-2-holder br{
	clear: left;
}








table.spend-matrix, table.style-matrix {
	border:1px solid #724964;
  border-collapse:collapse;
  border-spacing: 0;
  width:100%;
}
table.spend-matrix th, table.style-matrix th{
	border:1px solid #724964;
	padding:2px 0;
	text-align:center;
	background:#E8E1E7;
}
table.spend-matrix th.cln-1, table.style-matrix th.cln-1{
	padding-left:12px;
	padding-right:10px;
	text-align:left;
}
table.spend-matrix td, table.style-matrix td{
	border:1px solid #724964;
	padding:8px 1px;
	text-align:center;
}
table.style-matrix td{
	font-weight:bold;
	font-size:14px;
}
table.spend-matrix td.nb, table.style-matrix td.nb{
	border:0;
	border-bottom:1px solid #724964;
	text-align:center;
}
table.spend-matrix td.bl, table.style-matrix td.bl{
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#724964;
	text-align:center;
}
table.spend-matrix input, table.style-matrix input{
	width:20px;
	border:0;
}

/* form 4 */

ul.f4 {
	margin:20px 0 0 14px;
	list-style-type: square;
	list-style-image: url(../imgs/ul_square.gif);
	list-style-position:  outside;
}

form.f4 label{
	float: left;
	width:200px;
	margin:0 10px 5px 0;
	text-align:right;
}
form.f4 input{
	float: left;
	margin-bottom:5px;
}

form.f4 file{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0 0 5px 0;
}

form.f4 textarea{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0 0 5px 0;
	width:240px;
	height:100px;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-size:12px;
}
form.f4 br{
	clear: left;
}

div.f4-imgs{

}

div.f4-tn{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	text-align:left;
	margin:8px 0 0 0;
	background:#F7F5F8;
	clear:left;
}

div.f4-tn a:link, div.f4-tn a:visited	{
	font-weight:normal;
	text-decoration:underline;
}
div.f4-tn a:hover{
	text-decoration:none;
}

div.f4-tn img {
	position:relative;
	float:left;
	margin:14px;
}

.f4-tn a img {
	position:relative;
	float:left;
	border: solid 4px #FFF;
}
.f4-tn a:hover img {
	border-color: #B4A1AC;
}
.f4-tn a:hover {  /* wakeup IE */
	border-width: 0;
}
div.f4-tn div.f4-details{
	position:relative;
	display:inline;
	float:left;
	margin:0 10px;
}

div.f4-confirm-delete{
	position:absolute;
	top:15px;
	right:15px;
	width:150px;
	text-align:center;
	line-height:160%;
	padding:8px 0;
	background:#724A65;
	color:#FFF;
	font-weight:bold;
	z-index:100;
}

div.f4-confirm-delete a:link, div.f4-confirm-delete a:visited	{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
div.f4-confirm-delete a:hover{
	color:#FFF;
	text-decoration:underline;
}

/* form 5 */

div.f5 label, form.f5 label{
	float: left;
	width:160px;
	margin:0 0 5px 0;
}
div.f5 input, form.f5 input{
	float: left;
	margin-bottom:5px;
}
div.f5 br, form.f5 br{
	clear: left;
}
div.f5 select.age, form.f5 select.age{
	width:120px;
}

/* form 6 */

div.f6 label{
	float: left;
	width:160px;
	margin:0 0 5px 0;
}
div.f6 input{
	float: left;
	margin-bottom:5px;
}
div.f6 br{
	clear: left;
}



form.login-refer label{
	float: left;
	width:120px;
	margin:0 0 5px 20px;
}
form.login-refer label{
	float: left;
	margin-bottom:5px;
}
form.login-refer br{
	clear: left;
}

/* register form - profile form - purchase form */

img.border-grey{
	border:1px solid #CDCDCD;
}

form.register label, form.profile label{
	float: left;
	width:160px;
	margin:0 0 5px 0;
}
form.purchase label{
	float: left;
	width:130px;
	margin:0 0 5px 0;
}
form.register input, form.purchase input, form.profile input{
	float: left;
	margin-bottom:5px;
}
form.register br, form.purchase br, form.profile br{
	clear: left;
}

form.register select, form.purchase select{
	float: left;
	width:260px;
	margin:0 0 5px 0;
}

form.register textarea, form.purchase textarea,{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0 0 5px 0;
	width:240px;
	height:100px;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-size:12px;
}
form.purchase select.country{
	float: left;
	width:150px;
	margin:0 0 5px 0;
}
div.purchase-holder-outer{
	background:#F5F3F4;
	border:1px solid #E7E5E6;
	padding:10px;
	margin-bottom:10px;
}

div.purchase-holder-inner{
	float:left;
	display:inline;
	width:302px;
}

div.register-hint{
	float:right;
	width:260px;
	text-align:left;
	position: relative;
	top:40px;
	font-size:11px;
}

/* read-only */

div.read-only br{
 clear:left;
}

div.f4-tn br{
	clear:none;
}

div.read-only div.part-ttl{
	float:left;
	width:260px;
	height:24px;
}

div.read-only table.style-matrix {
	border:1px solid #724964;
  border-collapse:collapse;
  border-spacing: 0;
  width:100%;
}
div.read-only table.spend-matrix td.bl{
	width:140px;
}

div.read-only div.f3-1-holder{
	float:left;
	display:inline;
	position:relative;
	left:50px;
	text-align:left;
	width:500px;
	text-align:left;
	margin-top:12px;
	
}
div.read-only div.f3-1-holder div{
	position: relative;
	float: left;
	display:inline;
	width:160px;
	font-weight:normal;
}

div.read-only div.f3-1-holder div p{
	font-weight:bold;
}

div.read-only blockquote{
	margin:50px 0 10px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}

/* stylist - index */

table.tbl-member-status {
	border:1px solid #724964;
  border-collapse:collapse;
  border-spacing: 0;
  width:100%;
  margin-top:10px;
}
table.tbl-member-status th {
	border:1px solid #724964;
	padding:2px 12px;
	text-align:center;
	background:#E8E1E7;
	text-align:left;
}

table.tbl-member-status td {
	border-width:0 0 1px 0;
	border:1px solid #724964;
	padding:2px 12px;
	text-align:left;
}

div.panel-nav-stylist{
	text-align:center;
	width:100%;
	margin-bottom:20px;
}

/* messaging */

table.msg-tbl{
	border:1px solid #F2EEF1;
  border-collapse:collapse;
  border-spacing: 0;
  width:100%;
  margin-top:0px;
  font-size:12px;
}
table.msg-tbl th{
	border:1px solid #F2EEF1;
	padding:4px 0;
	text-align:center;
	background:#EAE5E9;
}
table.msg-tbl th.cln-1{
	padding-left:12px;
	padding-right:10px;
	text-align:left;
}
table.msg-tbl td{
	border:1px solid #f2eef1;
	padding:8px 1px;
	text-align:center;
	/*background:#FFF;*/
}

table.msg-tbl td a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}

table.msg-tbl td a.newmsg{
	font-weight:bold;
}

table.msg-tbl tr{
	background:#FAF9FA;
}

table.msg-tbl td.nb{
	border:0;
	border-bottom:1px solid #F2EEF1;
	text-align:center;
}
table.msg-tbl td.bl1{
	width:130px;
}

table.msg-tbl td.bl2{
	text-align:left;
	padding-left:16px;
}
table.msg-tbl td.bl3{
	width:130px;
}

table.msg-tbl tr.highlight{
	background-color: #FFF;
	cursor: pointer;
}

div.message-header-holder{
	height:30px;
	/*margin-bottom:10px;*/
}


div.mh-inbox{
	position:relative;
	display:inline;
	float:left;
	width:64px;
}

div.mh-sent{
	position:relative;
	display:inline;
	float:left;
	width:120px;
}

div.mh-compose{
	position:relative;
	display:inline;
	float:right;
	width:100px;
}


form.message br{
	clear: left;
}

form.message label{
	float: left;
	width:100px;
	text-align:right;
	margin:0 16px 5px 0;
	font-weight:bold;
}

form.message select{
	float: left;
	width:160px;
}
form.message select.template{
	float: left;
	width:360px;
}
form.message input{
	float: left;
	width:360px;
}

form.message textarea{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	padding:2px;
	margin:0 0 5px 0;
	width:360px;
	height:120px;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-size:12px;
}

form.message input.readonly{
	float: left;
	width:360px;
	background:#EEEEEE;
}

div.paging{
	text-align:right;
	padding:10px;
	font-weight:bold;
}

div.panel-msg{
	background:#EAE5E9;
	margin:0px;
	padding:20px;
}

/* FAQs */
/*  "Show All" + "Hide All" links */
#toggle-on,#toggle-off {border:1px solid #333;padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#toggle-dl dd,#toggle-dl dt {margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#toggle-dl dt {margin:7px 0; font-weight:bold;}
/* image and left padding for DDs */
#toggle-dl dd {background:url(../imgs/answer.gif) no-repeat;padding-left:50px}
#toggle-dl dd p {padding:0 0 10px; margin:0;}
/* styling all anchors in the DTs */
#toggle-dl dt a {background:0 50% no-repeat;padding-left:26px;color:#724A65;text-decoration:none; font-weight:bold;}
#toggle-dl dt a:visited {color:#666}
#toggle-dl dt a:visited:hover,
#toggle-dl dt a:hover,
#toggle-dl dt a:active,
#toggle-dl dt a:focus {font-weight:bold}
/* the + and - gif in the anchors */
#toggle-dl .DTplus a {background-image:url(../imgs/toggleDLplus.gif)}
#toggle-dl .DTminus a {background-image:url(../imgs/toggleDLminus.gif)}
/**********************************/
/**********************************/
#toggle-dl .showDD {position:relative;top:0}
#toggle-dl dd,.hideDD{top:-9999px;position:absolute}
#toggle-on,#toggle-off {display:inline;cursor:pointer;cursor:hand}