@import url('reset.css'); /* reset styles */

html, body {
	font: 100% Helvetica, Verdana, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #686868;
	font-size: 13px;
}
#container {
	width: 812px;  
	margin: 0 auto; 
	text-align: left; 
	padding-top: 15px;
}

.clear { clear:both; }

p { text-align: justify; margin:10px 20px 10px 0; color: #686868; line-height: 16px; }
small { font-size:10px; }

a:link, a:visited, a:active { color: #dc0962; }
a:hover { color: #3f276c; }

.subpageBox {
	width: 800px;
	border: 1px #dededd solid;
	padding: 6px;
	background-color:#fff;
	float: left;
} 

#logo { 
	width: 798px;
	padding: 6px 0 6px;
}

.subpage_content {
	float: left;
	width: 777px;
	border: 11px #ff8a1b solid;
	margin: 5px 0 5px;
}

#home_banner { float:left; }

body #button { color: #fff; background-color:#dc0962; border: none; font-size:13px; padding:5px 11px; }

.subpage_orangeleft { background: url('../images/orange-left_bg.gif') #fff repeat-y; }
.subpage_content_orangepage { background-color: #ff8a1b; }

h1 { color: #dc0962; font-size: 24px; }
h2 { color: #dc0962; font-size: 18px; }

.black { color:#000; }
.pink { color:#dc0962; }
.orange { color:#ff9b27; }

.exception { background-color: #FDEEF4; margin: 10px 0 5px; padding: 7px; color: #686868; font-weight: bold; border: 1px solid #DC0962; }
.exception ul { margin-top: 7px; list-style: inside disc; }
.exception li { color: #000; font-weight: normal; margin-left: 10px; font-size: 11px; }

#subpage_content_text p { color: #686868; padding-left: 10px; text-align:justify; }
#subpage_content_text_pink { color: #dc0962; }
#subpage_content_text a, #subpage_content_text_terms a{ color: #dc0962; }
#subpage_content_text a:hover, #subpage_content_text_terms a:hover { color: #3f276c; }
#subpage_content_text_terms { width: 100%; padding: 10px; }
#subpage_content_text_terms p { color: #686868;	padding: 0 35px 0 20px; text-align:justify; font-size:12px; }
#subpage_content_text_rules p {  color: #686868; padding-left: 10px; text-align:justify; font-size:12px; }
#subpage_content_text_review { width: 100%; }
#subpage_content_text_review p { color: #686868; padding-left: 10px; text-align:justify; font-size:14px; line-height: 18px; }
#button_sendit input{ color: #FFF; width: 75px; height: 26px; background-color: #dc0962; font-size: 16px; margin-top: 5px; border:none; }

/* About page */
about_content { padding: 20px 0 20px 0; }
#about_content_photo { float:left; width: 189px; background-image: url(../images/photos_about.jpg); background-repeat:no-repeat; height: 448px; margin: 20px; _display:inline; }
#about_content_text { float: left; width: 520px; padding-left: 17px; margin-top: 20px; }
/* End About page */

/* FAQ page */
#faq_content_photo { float:left; width: 189px; background-image: url(../images/photos_faq.jpg); background-repeat:no-repeat; height: 448px; margin: 20px; _display:inline; }
/* End faq page */

/* Contact page */
#contact_content_photo { float:left; width: 189px; height: 468px; margin: 20px; background-image: url(../images/photos_contact.jpg); background-repeat:no-repeat; _display:inline; }
#contact_content_text { float: left; width: 520px; margin:20px 0 0 20px; }
#contact_content p { }
#contact_content form { padding-left: 20px; }
#contact_content input, #contact_content textarea { color: #6e6e6e; width: 324px; border: #b1b1b1 1px solid; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; padding: 3px;}
/* End Contact page */

/* Faves and Raves page */
.newsltr { margin: 15px 0; }
.newsltr-title { font-weight: bold; font-size: 14px; }
.newsltr-title a { color: #555; padding-bottom: 2px; }
.newsltr-date { color: #ff9b27; font-size: 13px; }
.newsltr-desc { margin: 5px 0 0 10px; clear:both; font-size: 12px; }
/* End Faves and Raves page */

/* Profile page */
#subpage_content_text_profile { padding-left: 30px; }
#subpage_content_text_profile h1 { margin: 0; }
#subpage_content_text_profile th { text-align: right; font-size: 12px; color: #fff; font-weight: normal; padding-right: 5px; }
#subpage_content_text_profile td { font-size: 12px; color: #fff; padding-bottom: 3px; }
#subpage_content_text_profile input, #subpage_content_text_profile select { border: #b1b1b1 1px solid; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color:#333; padding-left: 3px; }
#subpage_content_text_profile #hr { width: 100%; height: 2px; border-bottom: 1px #fff solid; margin: 10px 0 15px 0; }
#subpage_content_text_profile #hr2 { width: 100%; height: 2px; border-bottom: 1px #fff solid; }
#subpage_content_text_profile #button_pink { color: #FFF; width: 75px; height: 20px; background-color: #dc0962; font-size: 14px; margin: 5px 0 0 15px; border: none; }
#subpage_content_text_profile p { color: #fff; font-size: 13px; }
/* End Profile page */

/* Salon and Tell a friend styles */
#tell_content_photo { float:left; width: 189px; background-image: url(../images/photos_tell.jpg); background-repeat:no-repeat; height: 448px; margin: 20px; _display:inline; }
#salon_content_photo { float:left; width: 189px; background-image: url(../images/photos_salon.jpg); background-repeat:no-repeat; height: 448px; margin:20px 26px 20px 20px; _display:inline; }
#salon_content_nav { float:left; width: 189px; margin:20px; font-size:12px; _display:inline; }
#salon_content_nav ul { list-style-type:disc; margin-left: 10px; }
#salon_content_nav li { margin: 0 0 5px 5px; }
#salon_content_text { float: left; width: 540px; margin-top:20px; _display:inline; }
#salon_content_text table { margin: 10px 0; }
#salon_content_text table th { width: 150px; padding: 2px 4px; padding-left: 0; margin: 0 10px 10px 0; font-weight:bold; }
#salon_content_text table td { padding: 2px 4px; }
#salon_content_text table td small { padding-top: 5px; display: block; }
#salon_content_text .goTop { float:right; width: 60px; margin:0 10px 10px 0; }
#salon_content_text .goTop a { text-decoration:none; }

#services_array { margin-top: 15px; }
#services_array .iamparent, #services_array .hasgchild, #services_array .child-ul, #services_array .gchild-ul { display: none; }
#services_array ul { list-style:none; margin:10px 0 5px 20px; }
#services_array li { margin-bottom:2px; }
#salon_form #services_array input { margin-right:3px; border: none; }

#salon_content_text ul { list-style-type:none; margin: 5px 10px; }

#salon_content_text #form_error { float:left; border:1px solid #dc0962; background-color:#fdeef4; color:#000; font-size:11px; width:400px; padding: 5px 10px; }
#salon_content_text #form_error img { float:left; margin-right: 10px; }
#salon_content_text #form_error ul { float:left; }

#salon_content_text fieldset { border: #cccbcb 1px solid; margin: 0 20px 20px 20px; padding: 10px; width:400px; }
#salon_content_text legend { font-size:11px; padding: 0 5px; }
#salon_content_text .remove-location { float:right; margin:0; }
#salon_content_text .remove-location a { text-decoration:none; }

#salon_content_text .editpasstbl-edit { display:none; }

#salon_form { font-size:13px; color:#595959 }
#salon_form div { margin-top:10px; }

#salon_step1, #salon_step2 {  }
#salon_step1 div {  }
#salon_step1 label { display:block; float:left; width:110px; clear:left; }
#salon_step1 input { display:block; float:left; width:160px; }

#salon_form table { margin: 20px 0; }
#salon_form th { text-align: right; vertical-align: top; }
#salon_form td { text-align: left;  vertical-align: top; padding-bottom:3px; } 
#salon_form h3 { font-size: 14px; font-weight:bold; margin: 15px 0 10px; }
#salon_form #services_array h3 { font-size: 13px; font-weight:bold; margin:0; }
#salon_form #step1, #salon_form #step2 { margin: 20px 0 20px; } 
#salon_form input, #salon_form textarea { border: #b1b1b1 1px solid; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color:#333; padding-left: 3px; margin:0; }
#salon_form #step1 input, #salon_form #step1 textarea { width: 250px; }
#salon_form #step2 input, #salon_form #step2 textarea { width: 380px; }
#salon_form label { color:#666; font-weight: normal; }
#salon_form_greybg { background-color: #c7c7c7; margin-left: -17px; padding:10px 0 10px 28px; }
#salon_form_greybg label { font-weight: bold; }
#salon_form input#SalonAltEmail { width: 20px; }
#salon_form #button_SubmitSalon { color: #fff; background-color:#dc0962; border: none; font-size:13px; padding:5px 11px; margin:0 0 10px 152px; }
#salon_form .button_Cancel { color: #fff; background-color:#dc0962; border: none; font-size:13px; padding:5px 11px; margin:0 0 10px 22px; }
#salon_content_text .hr { width: 520px; height:0px; padding-top:1px; background-color:#cccbcb; margin: 20px 0; clear:both; overflow: hidden; }

#salon_form .dropdown-image {  }
#salon_form .dropdown-image img { border:none; margin-left:5px; text-decoration:none; display:inline; padding:5px 5px 0 5px; }
/* End Salon form styles */

/* survey form styles */
#reviewpage { padding-right:0; width: 778px; }
#survey_pinktext { color: #dc0962; }
#survey_pinktextlarge { color: #dc0962; font-size: 18px;}
#survey_pinktextmed { color: #dc0962; font-size: 16px;}
.survey1, .survey2, .survey3 { width: 100%; }
.survey3 { margin-top: 20px; }
.survey3 td { padding-top: 3px; }
.survey_greydiv {
	width: 728px;
	
	background: #dadada;
	padding: 5px 20px 5px 30px;
}
.survey_whitediv {
	width: 722px;
	
	background: #fff;
	padding: 5px;	
}
.survey_whitediv table { margin-left: 25px; }
.survey_whitediv span { padding-left: 15px; }
.survey_greydiv input, .survey_greydiv select, .survey_greydiv textarea, .survey_whitediv input, .survey_whitediv select, .survey_whitediv textarea { border: #666 1px solid; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color:#333; padding-left: 3px; }
.survey_greydiv label, .survey_whitediv label { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color:#666; }
.survey_greydiv textarea { width: 90%; }
.survey_greydiv th, .survey_whitediv th { text-align: right; padding-right: 5px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color:#666;}

#survey_radio { text-align: right; }
#survey_radio label { margin-left: -5px; margin-bottom:5px;}
#survey_radio input { margin-left: -4px; border: none; }

#button_remove { width: 65px; color: #fff; background-color:#666; margin: 0 15px; }
#button_SubmitReview { width: 150px; height: 35px; color: #fff; background-color:#dc0962; border: none; font-size: 16px; font-family: Helvetica, Arial, sans-serif; }

.rating_array_heading { width: 90px; float: left; font-size: 12px; margin: 4px 0 0 15px;  }
.rating_array_options { width: 185px; float: left; }
.rating_array_options input { border: 0; }

#services option { text-transform: uppercase; } 
#othergo { display: inline; }

.rating_stylecost { height: 27px; }
.rating_stylecost label { color:#000; }
.rating_stylist { width:475px; float:left; }
.rating_cost { width:145px; float:left; }
.rating_cost input { width:30px; }

/* End survey form styles */

#home_container { 
	width: 886px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 50px 0 0 50px;
}

.homeContent {
	width: 800px;
	padding: 6px 6px 0 6px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url('../images/home_main_bg2.jpg') #fff no-repeat;
	height: 441px;
}

#home_text {
	padding: 50px 0 50px 190px;
	font-size: 16px;
}
#home_text p { color: #dc0962; line-height: 19px;  }
#home_text2 p { color: #783f87; margin-left:50px; margin-top:20px; line-height: 19px; }
#home_text2 { margin-top: 40px; }
#home_text2 h2 {
	margin: 0 0 -15px 28px;
	color: #783f87;
	font-size: 22px;
	font-weight: normal;
}
#home_text2 a, #home_text2 a:visited {
	color: #783f87;
}
#home_text2 a:hover {
	color: #dc0962;
	text-decoration: none;
}
#home_link { position:relative; left:20px; top:50px; text-align:right; }

/* Login bar */
#login_bar {
	width: 796px;
	border-left: 1px #dededd solid;
	border-bottom: 1px #dededd solid;
	border-right: 1px #dededd solid;
	padding: 7px;
	clear:both;
}
#subpage_login_bar {
	width: 800px;
}
#login_bar_content {
	width: 100%;
	background-color: #c1c0bf;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	padding: 4px 0;
	text-align: right;
}
#login_bar_content form {
	margin: 0px;
	padding: 0px;
}
#login_bar_content label {
	color: #fff;
	padding-left: 5px;
}
#login_bar_content input {
	width: 70px;
	margin-left: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	border: none;
}
input#login_go {
	width: 40px;
	margin: 0;
	font-size:12px;
	color: #000;
	border: none;
	background: none;
}
/* end Login Bar */

/* top nav */
#top_nav_menu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}
#top_nav_menu li {
	float: left;
}
.top_nav_about, .top_nav_review, .top_nav_tell, .top_nav_contact, .top_nav_faves, .top_nav_owners {
	display: block;
	overflow: hidden;
	height: 29px;
	margin-top: 0;
	width: 156px;
}
.top_nav_about, .top_nav_review, .top_nav_tell, .top_nav_contact, .top_nav_faves {
	margin-right: 5px;
}
.top_nav_about {
	background: url('../images/top_nav/about.png') #9f9e9d no-repeat;
}
.top_nav_review {
	background: url('../images/top_nav/review.png') #9f9e9d no-repeat;
}
.top_nav_tell {
	background: url('../images/top_nav/tell.png') #9f9e9d no-repeat;
}
.top_nav_contact {
	background: url('../images/top_nav/contact.png') #9f9e9d no-repeat;
}
.top_nav_faves {
	background: url('../images/top_nav/faves.png') #9f9e9d no-repeat;
}
.top_nav_owners {
	background: url('../images/top_nav/owners.png') #9f9e9d no-repeat;
}
.top_nav_active, .top_nav_about:hover, .top_nav_review:hover, .top_nav_tell:hover, .top_nav_contact:hover, .top_nav_faves:hover, .top_nav_owners:hover {
	background-color:#dc0962;
}
/* end Top Nav */

/* Footer */
#footer { float:left; clear:both; width: 100%; }
#footer ul {
	display: block;
	list-style: none;
	margin: 15px 0 0 150px;
	padding: 5px;
}
#footer li {
	float: left;
	display: block;
	overflow: hidden;
	height: 29px;
	margin-top: 0;
	padding-right: 30px;
	text-align: center;
}
#footer a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #919190;
	text-decoration: none;
}
#footer a:hover {
	color: #FF0066;
}
#copyright { width:100%; clear:both; font-size:10px; color:#bbb; text-align:center; font-family:Arial, Helvetica, sans-serif; }
/* end Footer */