/* CSS Document */

* {
	margin:0;
	padding:0;
	font: 11px verdana, sans-serif;
	color:#000000;}
	
.red {color:#FF0000;}
.blue {color:#666699;}

h3 {font-size:12px; font-weight:bold; color:#666699;}
h4 {font-size:11px; font-weight:bold; color:#666699;}
img {border:0;}
hr {color:#999999;}
em {font-style:italic;}
strong {font-weight:bold;}
small {font-size:9px;}
a {color:#666699; text-decoration:underline;}
a:hover {color:#990033; text-decoration:none;}


body {background-color:#ffffff; margin-left:auto; margin-right:auto; margin-top:10px;}

#bodytext { margin-left:auto; margin-right:auto; background-color:#ffffff; width:750px;  display:block; border:1px solid #000000; padding-bottom:10px;}

#head {display:block; height:168px; width:750px;}
#head img {margin-top:73px; margin-left:17px; border:0;}
#head p {float:left; padding:22px 16px 3px 10px;}
#head p a {text-decoration:none; font-weight:bold; color:#666699;}
#head p a:hover {color:#990033;}

#pagetitle {margin-top:30px; padding-bottom:20px; color:#666699; text-align:center; font-size:14px; font-weight:bold;}
#pagecontent {margin: 0 15px 0 15px;}

/* home page*/
#indexmidleft {padding:10px 0 10px 0; width:300px;}


#indexmid1 {float:left; margin:20px 0px 10px 20px; width:350px;}
#indexmid1 h3 {font-weight:bold; font-size:14px; text-align:center;}
#indexmid1 p {padding-top:6px; font-size:11px;}

#indexmidrotate { margin-top:15px;}

#indexbottom {width:703px; margin-left:10px; height:110px; background-color:#e7e7ce; padding:12px;}
#indexbottomcoupon {float:left; height:115px; width:210; background-image:url(i/coupon.gif); background-repeat:no-repeat;}
#indexbottomcoupon p {width:155px; margin:41px 15px 3px 25px;  font-weight:bold; color:#666666;}

#indexbottompick {float:left; margin-left:40px; width:180px; height:112px; background-image:url(i/pickproduct.jpg); background-repeat:no-repeat;}

#indexbottomzip {float:left; width:270px; background-color:#FFFFFF; border:1px solid #000000; padding:5px; margin-top:8px;}

/* Advice */
#advicetop {margin-left:50px; height:200px;}
#adviceintro {float:left; width:350px; padding:0 30px 10px 0px;}
#adviceintro img {border:0;}
#adviceintro ul {margin:0 0 0 100px;}
#adviceintro li {padding-bottom:8px;}
#adviceform {float:left; margin-left:15px; margin-bottom:15px; background-color:#e7e7ce; padding:10px; width:190px; border:1px solid #999999;}
#adviceform p {margin-top:6px;}
#adviceQA {margin:10px 20px 10px 20px;}
p.question {color:#CC6633; font-weight:bold; margin-top:12px;}
p.question small em {color:#333333; font-size:9px;}
p.answer {color:#333333;}

/* Contact  */
#people {float:left; margin-top:30px;  background-color:#e7e7ce; padding:10px; width:180px; border:1px solid #999999;}
#people p {font-size:11px; font-weight:bold; color:#666699;}
#people h5 {font-size:11px; color:#333333; text-indent:15px; padding-bottom:10px; font-weight:normal;} 
#contactcorp {float:left; margin-left:30px;}
#contactform {float:left; padding:30px 10px 0 80px; width:300px;}
/* input fields in right column */#contactform label {float:left; padding:4px;}
/* description text in left column */#contactform label.right {text-align:right; width:90px; padding-top:8px; clear:both;}
#contactsurvey {float:left; margin-left:100px; margin-top:-20px;}


/* Coupon Club */
#marketing {float:left; background-color:#e7e7ce; padding:10px; width:180px; border:1px solid #999999;}
#marketing img {text-align:center;}
#marketing p {margin:8px 0 0 0;}
#marketing ul {margin-left:15px; margin-top:8px;}
#marketing li {list-style-type:disc; padding:4px 0 4px 0;}
#couponcontent {float:left; width:450px; padding:10px 30px 10px 20px;}
#couponform {margin-left:40px; width:330px;}
#couponform p {margin-top:6px;}

/* Carers */
#careers {margin: 0 20px 20px 20px;}
#careers p {margin-bottom:12px;}
#careerform { margin-left:auto; margin-right:auto; display:block; padding:15px 15px 15px 15px; background-color:#e7e7ce; width:400px;}
#careerfields {display:block; padding:6px 0 0 0;}
/* input fields in right column */#careerfields label {float:left; padding:4px;}
/* description text in left column */#careerfields label.right {text-align:right; width:90px; padding-top:8px; clear:both;}
/* description text in left column */#careerfields label.rightmore {text-align:left; width:160px; padding-top:10px; clear:both;}

/* Pick Products */
#hairproducts {float:left; margin: 0 40px 20px 30px; padding:6px; background-color:#e7e7ce; border:1px solid #999999;}
#hairproducts p {margin-bottom:12px; text-align:center;}
#styleproducts {float:left; margin: 0 20px 20px 40px; padding:6px; background-color:#e7e7ce; border:1px solid #999999;}
#styleproducts p {margin-bottom:12px; text-align:center;}


/* Services */
#services {margin: 0 20px 20px 20px;}

/* Services */
#services2 {margin: 0 20px 20px 20px;}
p.services {padding-bottom:52px;}
p.serviceslink {padding:12px 0 0 8px;}
a.services {text-decoration:none;}
a:hover.services {text-decoration:underline; color:#990033;}

/*  Tips  */
#tips {width:700px;}
#tips p {margin-top:12px;}

td.tips {background-color:#e7e7ce; padding:6px; border:1px solid #999999;}
td.tips2image {padding: 0 30px 0 150px;}
td.tips3image {padding:0 0 0 20px;}


/* Locations */
#locationtop {height:120px;}

#locationzip {float:left; margin-left:10px; background-color:#e7e7ce; padding:10px; border:1px solid #666666; width:180px;}
#locationzip p {font-size:11px; font-weight:bold; padding-bottom:4px;}
#locationzip table {margin-left:10px;}

#locationtext {float:left; margin-left:20px; width:200px;}
#locationtext p {width:200px; padding-bottom:10px;}

#locationmap {float:left; margin-left:10px;}
#locationmap img {border:0;}

#locationresults { margin-top:0px;}
#locationresults h3 { color:#996633; text-align:center; padding-bottom:10px; padding-top:10px; font-size:12px; font-weight:bold;}
#locationresults table {width:700px;}
#locationresults td {font-size:10px; padding:3px 3px 3px 3px;}
#locationresults td.head {font-size:10px; font-weight:bold; background-color:#e7e7ce; padding:3px 3px 3px 3px;}
#locationresults a {text-decoration:underline; color:#666699;}
#locationresults a:hover {text-decoration:none; color:#996666;}

 /* Footer  */
 #footer {margin-top:10px; text-align:center; width:750px; background-color:#ffffff; margin-left:auto; margin-right:auto; }
 #footer p {font-size:9px; margin-top:10px;}
 .webmaster { padding-top:20px; font-size:8px; color:#999999; text-align:right;}
 .webmaster a {text-decoration:underline; font-size:9px; color:#999999;}
 .webmaster a:hover {color:#666666;}