@charset "utf-8";
/* CSS Document */

body {
	background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
}
#header-nav {
	float: left;
	width: 900px;
	display: inline;
	background-color: #979da6;
	height: 44px;
}
#contents {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 880px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}
h2 {
	font-size: 30px;
	font-weight: normal;
}
h5 {
	padding-top: 0px;
	margin-top: 0px;
}
#footer-left {
	float: left;
}
#top-login {
	float: right;
	height: 83px;
	width: 320px;
	padding-right: 46px;
	padding-top: 14px;
	padding-bottom: 6px;
}
#header-nav #logo {
	float: left;
	padding-left: 20px;
	padding-top: 0px;
}
#header-nav #nav {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding-right: 20px;
	padding-top: 10px;
}

#footer-right {
	float: right;
	text-align: right;
}
.bold-text {
	font-size: 14px;
	font-weight: bold;
}



#footer {
	background-attachment: scroll;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 100px;
	width: 860px;
	border-top-width: 2px;
	border-top-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 11px;
	margin-top: 20px;
}
.right_arrow {
	vertical-align: top;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

a.back_link {
float:left;
font-size:14px;
margin:0 12px 0 25px;
}
.membership_plan_info{
	margin:0px;
}
.help_online{
	margin:6px;
	float:left;
/*	height:45px;*/
	
}
.help_online img{
	margin:2px 0 0 0;
	float:left;
}
.help_online a{
	font-size:13px;
	float:left;
	margin:10px 5px 0 0;

}

.membership_content_section {
	margin: 0 0 0 20px;
}

/*****************************************************Customer Header Start********************************************************/

#header-nav-stylist {
	float: left;
	width: 900px;
	display: inline;
	background-color: #979da6;
	height: 42px;
	background-image: url(../images/inner_header.jpg);
	margin-top: 10px;
}
#header-nav-stylist #stylist-logo {
	background-color: #d1d1d1;
	float: left;
	height: 42px;
	width: 140px;
	text-align: center;
}
#header-nav-stylist #stylist-logo-text {
	background-color: #d1d1d1;
	text-align: center;
	line-height: 20px;
}
#header-nav-stylist #stylist-info {
	font-weight: normal;
	height: 42px;
	padding-left: 10px;
	float: left;
}
#header-nav-stylist #stylist-welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	text-align: right;
}

#header-nav-stylist #stylist-welcome a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	text-align: right;
}
#header-nav-stylist #stylist-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: right;
	padding-top: 5px;
}
#header-nav-stylist #rt-booking {
	float: right;
	height: 41px;
	width: 160px;
	margin-top: 1px;
}
#header-nav-stylist #rt-booking #rt-line1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	width: 100%;
	letter-spacing: 2px;
	margin-top: -2px;
}
#header-nav-stylist #rt-booking #rt-line2{
	float: left;
	width: 100%;
	margin-top: -3px;
	padding-left: 2px;
}

#stylist_register_text {
	float: left;
	margin-bottom: 10px;
	width: 650px;
}

#stylo_features_shot {
	width: 200px;
	float: right;
	font-weight: bold;
	font-size: 13px;
	margin: 12px;
}

#stylo_features {
	
}

#stylo_features .feature_box {
	padding-top: 20px;
}

#feature_details {
	
}

#feature_details .feature_title{
	font-weight: bold;
	margin-left: 70px;
	font-size: 18px;
}

#feature_details .feature_description{
	font-size: 14px;
	margin: 5px 0px 5px 70px;
}

/* appointments status message */
.appointments_update_message {
	height: 20px;
	font-weight: bold;
	margin: 5px 0px;
	text-align: center;
	background-color: #979DA6;
	color: #FFFFFF;
	padding-top: 3px;
}

.appointments_update_message a{
	color: #FFFFFF;
}

/*****************************************************Customer Header End********************************************************/

/**************service hover popup start********************/
.popup {}

.popup a, .popup a:visited {
position: relative;
display: block;
}

.popup a span.hover_content {display: none;}

.popup a:hover {text-decoration: none;}

/* the IE correction rule */
.popup a:hover	{
text-decoration: none;
position:relative;
z-index:1;
text-indent: 0; /* added the default value */
}

.popup a:hover span.hover_content{
display: block;
position: absolute;
top: 0px;
left: 93px;
border-collapse: collapse;
background-color: #FFFFFF;
/*min-height: 75px;*/
width: 400px;
margin: 0px;
font-weight: normal;

z-index: 100;

}

.popup a:hover span.hover_content span.hover_popup_header{
	background-color: #FFFFFF;
	height: 42px;
 
	border: 1px solid #000;
overflow:hidden;
text-align:center;
overflow:hidden;
display:block;



}
div.stylist_browse_info div.right_wrap div.services table td.description a:active,
div.stylist_browse_info div.right_wrap div.services table td.description a:hover {
	text-decoration:none;
}
div#profile_services table td.description a:active,
div#profile_services table td.description a:hover{
	text-decoration:none;
}


.popup a:hover span.hover_content span.hover_popup_note{
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #000;
	border-top:none;
	width:398px;
	/*border: 1px solid #000;*/
	color: #A46E6E;
	/*border: 1px solid #000;*/
	/*min-height: 30px;*/
	display:block;
}

span.hover_popup_note span.note_description{
	margin: 10px;
	font-size: 12px;
	display:block;
}

span.hover_popup_header span.logo {
	float: left;
	height: 42px;
	width:140px;
	display:block;
	border-right: 1px solid #000;
}
span.hover_popup_header span.logo  img{
	text-decoration:none;
	border:none;
}

span.logo span.logo_text {
	line-height: 20px;
	display:block;
	
}

span.hover_popup_header span.service_name{
 
	font-weight: bold;
	display:block;
	font-size: 16px;
  overflow:hidden;
  line-height:42px;
/*margin:0 0 0 144px;*/
text-align:center;
	/*float:left;
		width: 275px;
		text-align: center;
		font-weight: bold;
		margin: 7px 0px;
		border-bottom: 1px solid #666;*/
}
span.hover_popup_header span.service_name_nologo{
 
	font-weight: bold;
	display:block;
	font-size: 16px;
  overflow:hidden;
  line-height:44px;

	/*float:left;
		width: 275px;
		text-align: center;
		font-weight: bold;
		margin: 7px 0px;
		border-bottom: 1px solid #666;*/
}

span.service_name span.name{
 

}

/**************service hover popup end********************/