/* ====== BEAUTY BOX STYLESHEET ====== */

/* ====== COMMON ====== */
body {
margin: 0;
padding: 0;
background: url(../images/bg.jpg) repeat; } 
#pages {
width: 769px;
margin: 0 auto;
padding: 0;
background: url(../images/pages-bg.gif) repeat-y; }
#top {
height: 32px;
background-color: #45c3d2;
border-bottom: 3px solid #FFF;
border-left: 3px solid #FFF;
border-right: 3px solid #FFF;
margin: 0 0 4px 0;
padding: 0; }
#top .left {
float: left;
margin: 0;
padding: 8px 0 0 12px;
font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
#top .right {
float: right;
margin: 0;
padding: 8px 12px 0 0;
font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
.logo {
float: left;
margin: 0 6px 0 0;
padding: 0; }
.clear {
clear:both;
height:1px;
overflow:hidden; }
img {
margin: 0;
padding: 0;
border: 0; }
img a {
margin: 0;
padding: 0;
border: 0; }
hr {
height: 1px;
margin: 4px 0;
padding: 0;
color: #ddd; }


/* ====== NAVIGATION ====== */

#menucontainer {
float: right;
width: 769px;
height: 89px;
margin: 0 0 4px 0;
padding: 0; }
.nav a {
float: left;
display: block;
margin: 0 5px 0 0;
padding: 35px 3px 0 3px;
width: 76px;
height: 48px;
border: 3px solid #FFF;
background-color: #d0d0d0;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666;
text-decoration: none;
text-align: center }
.nav a:hover {
float: left;
display: block;
margin: 0 5px 0 0;
padding: 35px 3px 0 3px;
width: 76px;
height: 48px;
border: 3px solid #FFF;
background-color: #9cdce5;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF;
text-decoration: underline }
.navlast a {
float: left;
display: block;
margin: 0;
padding: 35px 3px 0 3px;
width: 76px;
height: 48px;
border: 3px solid #FFF;
background-color: #d0d0d0;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666;
text-decoration: none;
text-align: center }
.navlast a:hover {
float: left;
display: block;
margin: 0;
padding: 35px 3px 0 3px;
width: 76px;
height: 48px;
border: 3px solid #FFF;
background-color: #9cdce5;
font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF;
text-decoration: underline }




/* ====== Drop down NAVIGATION ====== 
#navcontainer {
width: 852px;
height: 28px;
text-align: left;
margin: 0 auto 3px auto;
padding: 0;
background-color: #002854; }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline;
border-right: 3px solid #FFF }
#nav li.last {
border: 0; }
#nav a {
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
text-decoration: none;
display: block;
margin: 0;
padding: 8px 14px; }
#nav a:hover {
color: #FFF;
text-decoration: none;
background: #edb239; }
#nav ul li a:hover {
background-color: #edb239;
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
padding-left: 14px; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0 0 0 0;
padding: 0;
width: 164px;
w\idth: 160px; }
#nav li ul a {
width: 164px;
w\idth: 160px;
margin: 0;
padding: 4px 3px 4px 9px;
background: #ba041a;
color: #FFF;
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
padding-left: 14px; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; } */
 

/* ====== CONTENT (common) ====== */
#content {
width: 769px;
margin: 0 auto 4px 0;
padding: 0;
clear: both; }
#content p {
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5a5a5a;
line-height: 1.7em;
margin: 0;
padding: 0 0 6px 0; }
#content a, #content a:visited {
font-weight: bold;
color: #45c3d2;
text-decoration: none; }
#content a:hover {
color: #45c3d2;
text-decoration: underline; }
.notes {
font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color: #848484; }
.footmassage {
margin: 0 14px 0 0;
padding: 0 }
.turquoise {
font-weight: bold;
color: #45c3d2;
}


/* ====== MAIN CONTENT ====== */
#leftimage {
float: left;
width: 210px;
margin: 0 5px 0 0;
padding: 0; }
#leftimage .txt {
float: left;
margin: 0;
padding: 0 5px; }
#main {
float: right;
width: 519px;
min-height: 377px;
margin: 0;
padding: 14px;
background-color: #f1f1f1;
border: 3px solid #FFF;
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5a5a5a; }
#main ul {
margin: 10px 0 5px 30px; 
padding: 3px 0;
list-style-type: disc;}
#main ul li {
padding: 0 0 7px 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5a5a5a; }
#serviceleft {
float: left;
width: 88px;
margin: 0;
padding: 0; }
#serviceright1 {
float: left;
width: 90px;
margin: 0;
padding: 0 18px; }
#serviceright2 {
float: left;
width: 120px;
margin: 0;
padding: 0 18px; }
#serviceright3 {
float: left;
width: 120px;
margin: 0;
padding: 0 0 0 18px; }
.vdivider {
float: left;
margin: 8px 0 0 0;
padding: 0; }
#right {
float: right;
width: 282px;
margin: 15px 0 40px 0;
padding: 0; }
#right ul {
margin: 0; 
padding: 0 0 0 25px;
line-height: 2em;
list-style-type: disc;
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #4d4d4d; }
#right ul li {
list-style-type: disc;
color: #082b12;
line-height: 2em;
margin: 0;
color: #4d4d4d; }
#lowermain {
float: left;
width: 100%;
margin: 0;
padding: 0; }
.gallery {
float: left;
width: 293px;
margin: 0;
padding: 0;
border: 0; }
.products {
float: right;
margin: 0;
padding: 0; }
.gallerpic {
float: left;
margin: 0 3px 0 0;
padding: 0; }
.salon {
float: left;
width: 156px;
margin: 0;
padding: 10px 25px 10px 0;
border: 0; }
.salonend {
float: left;
width: 156px;
margin: 0;
padding: 10px 0;
border: 0; }
.contactleft {
float: left;
margin: 5px 0 0 0;
padding: 0;
width: 190px;
}
.contactright {
float: right;
margin: 10px 0 0 0;
padding: 10px;
width: 300px;
background-color: #e2e2e2;
border: 1px solid #d0d0d0;
}

/* ====== HEADINGS ====== */
h1  {
font: bold 16px Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a;
margin: 0;
padding: 0 0 10px 0; }
h2  {
font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #908880;
margin: 12px 0 5px 0;
padding: 0; }
h3  {
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a;
margin: 0 0 8px 0;
padding: 0; }

/* ====== BASIC FORMS ====== */
#form {
width: 520px;
height: 330px;
background-color: #dedede;
border: 1px solid #cacaca;
padding: 8px 5px 8px 10px;
margin: 0 0 30px 0; }
#form p {
padding: 0;
margin: 2px 0; }
#form td {
padding: 0;
margin: 0; }
#form th {
background-color: #ebecea;
font-weight: bold;
text-align: left;
padding: 0;
color: #fc6701; }
#form .button {
font: 12px Tahoma, Arial, Times New Roman, serif; color: #FFF;
width: 80px;
height: 18px;
background-color: #fc6701;
border: 0;
padding: 1px 0 2px 0;
margin: 0; }
#form .name{
font: 12px Tahoma, Arial, Times New Roman, serif; color: #2d2d2d;
width: 384px;
margin: 0; }
#form td {
margin: 0;
padding: 0; }
#form input {
font: 12px Tahoma, Arial, Times New Roman, serif; #2d2d2d;
margin: 0;
padding: 0; }
#form textarea  {
font: 12px Tahoma, Arial, Times New Roman, serif; color: #2d2d2d;
width: 382px;
margin: 0; }
#form select {
font: 12px Tahoma, Arial, Times New Roman, serif; color: #2d2d2d;
width: 100px;
height: 13px;
margin: 0;
padding: 0; }

/* ======  directions ====== */
#directions form {
margin: 0;
padding: 0;
font: normal 11px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; }
#directions input {
font: normal 11px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #4d4d4d;
width: 100px;
margin: 0;
padding: 2px; }
#directions input.submit {
font: normal 11px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 30px;
margin: 0;
padding: 0; }

/* ==== TABLES ==== */
td, th {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
line-height: 1.7em; }
.datatable {
border: 1px solid #cacaca;
border-collapse: collapse;
width: 480px;
margin: 10px 0;
padding: 0;  }
.datatable p {
margin: 0;
padding: 0; }
.datatable td {
border: 1px solid #cacaca;
padding: 4px; }
.datatable th {
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #ebecea;
font-weight: bold;
padding: 4px;
color: #ab2626; }
.datatable tr:hover, .datatable tr.hilite {
background-color: #f9f9f9; }
.title p {
color: #FFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; }
.title2 {
background-color: #b5b5b5; }
.title2 p {
color: #FFF;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; }

/* ====== FOOTER ====== */
#footer {
background: url(../images/footerbg.jpg) repeat;
width: 763px;
margin: 0 auto;
padding: 0;
height: 34px;
border: 3px solid #FFF; }
.footerleft {
float: left;
margin: 0;
padding: 8px 0 8px 14px; }
.footerright {
float: right;
margin: 0;
padding: 8px 14px 8px 0; }
#footer p {
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0;
padding: 0; }
#footer a {
color: #FFF; text-decoration: none; }
#footer a:hover {
color: #FFF; text-decoration: underline; }

#terms {
padding: 2px 0 0 0;
font: normal 11px/14px Arial, Helvetica, sans-serif; color: #5a5a5a; 
background-color: #FFF; }
#terms p {
margin: 0 5px 10px 6px; }
#terms h2 {
font: bold 11px/14px Arial, Helvetica, sans-serif; color: #5a5a5a; 
margin: 0 0 2px 6px; }
#terms a {
color: #45c3d2; text-decoration: underline; font-weight: bold; }
#terms a:hover {
color: #45c3d2;
text-decoration: underline; }