/* T R B L */

body {margin: 0; padding:0 0 0 0px; min-width: 760px; }
body {background: #333}
body {background-color: white}
body { font-size: 11px; line-height: 1.2em }
body {color: #555;font-family: Verdana, Helvetica, Arial, sans-serif;}

p  { line-height: 1.2em; margin: 0px 0px 0.5em 0 }
img {margin: 0;padding:0; border:none}
.bodybold {font-weight:bold}
.pointtitle {font-weight:bold; margin-bottom:0}

.hotletters {color: #990033}
.hpindent {margin-left: 30px}
.hpbullet {float:left}

a {color: #503b09}
a:hover {text-decoration: none}

h1 {font-weight:normal; font-size: 1.8em; margin:0 0 1em 0; padding:0; line-height: 1.2em; letter-spacing: 3px}
h3 {color: #669966; margin: 0 0 1em 0}
.subtitle {letter-spacing: 3px; font-weight: bold}

/* .container {padding:10px; background-color: white; width:780px; margin:20px auto 0 auto} */

.main {width:760px; margin: 0 auto 10px auto; }

/*
.navbox {width: 758px; margin: 0px auto 5px auto; border: 1px solid red; padding: 0px; background-color: #fff; text-align: center; height:auto}

#navbar {background-color: yellow; margin: 0; padding: 0}
#navbar li {float:left; list-style: none;  margin: 0px; width: 95px; border-bottom: 1px solid #669966; white-space: nowrap}
#navbar a {text-decoration: none; display:block; border-right: 1px solid white; background-color: #fff; color: #503b09; padding: 5px 0 5px 0}
#navbar li a {display:block}

#navbar #five {width: 95px}
#navbar #six {width:95px}

#navbar #eight {width:90px}
#eight a {border-right: none; }

*/

.navbox {width: 758px; margin: 0px auto 15px auto;  padding: 5px 0 5px 0;  text-align: center; height:auto; text-transform: uppercase; } /* border: 1px solid red; background-color: #ddd; */

#navbar { margin: 0; padding: 0 0 5px 0; text-align:center; border-bottom: 1px solid #503b09} /*  background-color: yellow; */
#navbar li {display: inline; list-style: none;  margin: 0px;  white-space: nowrap}
#navbar a {text-decoration: none;  background-color: #fff; color: #503b09; padding: 0px 40px 0px 0; margin:0; font-weight: normal}
#navbar li a {}

#navbar #five {}
#navbar #six {}

#navbar #eight {}
#last a {padding-right:0}

/* can't put border on subnavbar because contents have no height */
.subnavbar {background-color: #8b4513; margin:0px; padding:0px; text-align:left;  }


.subnavbar li {float:left; list-style: none;  margin: 0px; width: auto; white-space: nowrap; padding: 0 10px 0 5px; height:auto; position:relative}
li.subnavbarlast { }
.subnavbar a {text-decoration: none; display:block;  background-color: white; color: #805f12; padding: 2px 0 2px 0; margin:0;font-size:.9em}
.subnavbar li a {display:block}
/* control bold on selected top nav item */
.aboutus #about {font-weight:bold}
.services #services {font-weight: bold}
.packages #packages {font-weight: bold}
.faq #faq {font-weight: bold}
.contact #contact {font-weight: bold}
.products #products {font-weight: bold}



.about a#subabout {color:#503b09; font-weight:bold}
.hot a#subhot {color:#503b09; font-weight:bold}

.nails a#subnails {color:#503b09; font-weight:bold}
.styling a#substyling {color:#503b09; font-weight:bold}
.makeup a#submakeup {color:#503b09; font-weight:bold}
.massage a#submassage {color:#503b09; font-weight:bold}
.body a#subbody {color:#503b09; font-weight:bold}
.facials a#subfacials {color:#503b09; font-weight:bold}
.removal a#subremoval {color:#503b09; font-weight:bold}
.skinceuticals a#subskinceuticals {color:#503b09; font-weight:bold}
.cosmeticprocedures a#subcosmeticprocedures {color:#503b09; font-weight:bold}
.fantasytan a#subfantasytan {color:#503b09; font-weight:bold}


.specialty a#subspecialty {color:#503b09; font-weight:bold}
.bridal a#subbridal {color:#503b09; font-weight:bold}
.mothersday a#submothersday {color:#503b09; font-weight:bold}
.fathersday a#subfathersday {color:#503b09; font-weight:bold}
.holiday a#subholiday {color:#503b09; font-weight:bold}
.valentine a#subvalentine {color:#503b09; font-weight:bold}
.promday a#subpromday {color:#503b09; font-weight:bold}







.points a#subpoints {color:#503b09; font-weight:bold}
.privileges a#subprivileges {color:#503b09; font-weight:bold}



.subnavbox {border:0px solid black; padding:2px;  background-color: white;height:auto  }

#navbar2 { margin: 0; padding: 0 0 5px 0; text-align:center; border-bottom: 1px solid #503b09; background-color: yellow;} /*  background-color: yellow; */
#navbar2 li {display: inline; list-style: none;  margin: 0px;  white-space: nowrap}
#navbar2 a {text-decoration: none;  background-color: #fff; color: #503b09; padding: 0px 30px 0px 0; margin:0; font-weight: normal}
#navbar2 li a {}
.subnavigaton {display: block; visibility: hidden}
.about subnavigation {display: block; visibility:visible}

.spaceleft {clear:left}
.spacer {clear:both}

.singlecolumn {margin: 0 10px 0 50px; width: 350px;  }
.singlecolumnfull {margin: 0 10px 0 0px; width: 400px;  }

.columnwidth {width: 447px}

.leftcolumn{float:left; width:160px;background-color: white}
.title {text-transform: uppercase}
.rightcolumn {width: 270px; margin:0 0 0 160px; padding: 0 20px 10px 10px; background-color: white}
.display {line-height: 1.5em}
.mainimage {float:right; margin: 0 0 10px 10px; width: 300px}

.service {width: 350px}
.servicehead {border-top: 1px solid #555; padding: .5em 0 .5em 0; margin-top: 1em}

.servicetable table {border-collapse: collapse; vertical-align: top; width:350px; background-color: white; padding:0; table-layout: fixed;margin-bottom:1.5em }
.servicetable tr {}
tr.heading td {border-top: 1px solid #555; }
td.heading {padding:3px 0px 3px 0; vertical-align: top; text-transform: uppercase;}

td.first { background-color: white}
col.first {width:100px}

td.item {padding:3px 0 3px 0;  vertical-align: top; background-color: white}
col.item {width:175px}

td.price {text-align: right; padding:3px 0 3px 0;vertical-align: top; background-color: white}
td.pricelow {text-align: right; padding:3px 0 3px 0;vertical-align: bottom; background-color: white}

col.price {width:75px}


.servicetitle {border-top: 1px solid #555; text-transform: uppercase; padding-top: 2px}
.serviceitem {margin-left:100px}
.gprice {float:right}

.serviceprice{text-align: right; }
.serviceitem {float:left; margin-left:100px}

.tabletest {border-collapse:separate; background-color:yellow}

.calendartable {margin:0; }
.calendartable td {border-bottom: 1px solid #503b09; padding: 2px; background-color:white; vertical-align:top}
.calendartable th {font-weight:bold; text-align:left; border-bottom: thick double #503b09 }
.calendartitle { font-weight:bold; margin:0}

.hottable {border-collapse: collapse; vertical-align: top; width:100%; border-top: 1px solid #555}
.hottable td {padding:5px 0 5px 0; border-bottom: 1px solid #555; vertical-align: top}
.hottable img {margin:0; padding-right:10px; }

.rule {margin: 1.5em 0 1em 0; border-top: 1px solid #555; width: 440px}

.pinkbox {border: 2px solid #ff66ff; padding: 10px 10px; margin-top: 1em; background-color: #ffccff}

.box {border: 1px solid #503b09; padding: 10px 10px; margin-top: 1em;}