/* HTML ELEMENTS */
ul, ol, li {
	margin: 0;
	padding: 0;
} 

.hiddenPic {display:none;}

body{
  background: url('images/telephone2.gif') no-repeat top left #666666;
  margin: 0;
  padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
        color: #727272;
}
a{
  text-decoration: none;
}
h1{
  font-family: verdana;
  font-size: 1.3em;
  color: #fff;
  line-height: 1.4em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h2{
  font-family: verdana;
  font-size: 1.1em;
  color: #fff;
}

h3{
  font-family: verdana;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h4{
  font-family: verdana;
  font-size: 13px;
  color: #4e2e2d;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
margin-bottom: 0px;
  line-height: 1.1em;
}

p{
  color: #000000;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
margin-bottom: 0px;
}

p.tiny{
  color: #000000;
  font-family: verdana;
  font-size: 11px;
  line-height: 1.2em;
margin-bottom: 0px;
}

#logo{
  width: 180px;
  height: 180px;
}

#ap_nav{
  width: 180px;
  height: 174px;
  background-color: transparent;
  margin-top: 20px;
  margin-left: 5px;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
  color: #CBC150;
}
#adspace1{
  width: 180px;
  height: 174px;
  background-color: transparent;
  margin-top: 40px;
background-image: url('images/adspace1b.gif');
}
#adspace2{
  width: 180px;
  height: 174px;
  background-color: transparent;
  margin-top: 40px;
background-image: url('images/adspace1c.gif');
}

/* IDS */
#container_outter{
	margin: 26px auto 0px;
	width: 795px;
	padding: 10px;
	background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: top left;
}

#container{
	margin: 80px auto 10px;
	width: 775px;
	padding: 10px;
	background-color: #000000;	
}
#home #container{
  width: 777px;
  line-height:0;
}

#navigation li{
	margin-left: 10px;
	height: 200px;
	font-family: verdana;
	display: inline;
	font-size: 13px;
	text-transform: uppercase;
}
#navigation .current a{
	color: #000000;
font-weight: bold;
}

#navigation ul{
	margin:0;
	padding: 0;
	text-align: center;
}

#navigation{
	background-color: #C8C8C8;
	padding: 12px;
border-bottom: solid 10px #90B8B8;
}

#navigation a{
	color: #000000;
font-weight: bold;
}

#navigation a:hover{
	color: #fff;
	font-weight: bold;
}
#navigation .here a{
	color: #000000;
font-weight: bold;
}
#navigation .selected a{
	color: #000000;
font-weight: bold;
}

#team-members{
  color: #000000;
 font-family: verdana;
 font-size: .7em;
 font-weight: bold;
 line-height: 1.7em;
 list-style:none;
 margin:0;
 padding:0;
}
#team-members a{
  color: #b7c943;
}


#header{
	background: url(images/heading_vtcpromo1.gif) #8FACBA no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: transparent;
}

#header_services{
	background: url(images/heading_vtcpromo1.gif) #8FACBA no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_appointments{
	background: url(images/header_img_other2.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_events{
	background: url(images/header_img_appointments.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_contact{
	background: url(images/header_img_events.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_policies{
	background: url(images/header_img_service.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_stylists{
	background: url(images/header_img_other5.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_thanks{
	background: url(images/header_img_senior.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}

#header_oops{
	background: url(images/header_img_other5.jpg) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}
#header_next{
	background: url(images/stripe_top2.gif) #83AFB4 no-repeat;
	height: 64px;
	margin-bottom: 10px;
	background-color: transparent;
}
#headercopy{
	margin-left: 370px;
	margin-right: 70px;
	padding-top: 15px;
}

#headercopy h2{
  margin-bottom: 15px;
}

#headercopy p{
  font-size: 11px;
}




/* CONTENT */
#content{
	background-color: #B1C2CF;
	padding-bottom: 40px;
}

#content a.trans{
  color: #8FACBA;
  background: transparent;
border: 1px;
}
#content a.trans:hover{
  text-decoration: underline;
  background: transparent;
border: 1px;
}

#content a{
  color: #fff;
font-weight: bold;
  background: transparent;
}
#content a:hover{
font-weight: bold;
  text-decoration: underline;
  background: transparent;
}
#content li {
  color: #000000;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
margin-right: 30px;
margin-left: 30px;
}
#content li.sub1 {
  color: #4e2e2d;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
margin-right: 30px;
margin-left: 30px;
}

#content p.sub1 {
  color: #4e2e2d;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
margin-right: 30px;
margin-left: 30px;
}

#side{
  width: 195px;
  float: left;
  padding-top:30px;
  padding-left:30px;
}
 
#side_inside{
  width: 512px;
  float: left;
  padding-top:30px;
  padding-left:30px;
}

#side_inside2{
  width: 712px;
  float: left;
  padding-top:30px;
  padding-left:30px;
}


#main{
  width: 500px;
  float: left;
  padding-top:40px;
  padding-bottom: 20px;
  padding-left: 10px;
}

#main_inside {
  width: 180px;
  float: left;
  padding-top:40px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#main table{
  margin-left: 20px;
  color: #000000;
  font-family: verdana;
  font-size: 16px;
  line-height: 1.8em;
background-image: url('images/home_tableback1.gif');
background-position: top left;
background-repeat: repeat-y;
}

#main td{
  font-size: 16px;
  padding: 4px;
}

#main table.events{
  margin-left: 20px;
  color: #000000;
  font-family: verdana;
  font-size: 16px;
  line-height: 1.8em;
background-image: none;
}
#main td.events{
  font-size: 16px;
border-bottom: 1px dotted #4e2e2d;
  padding: 4px;
}
.main_text { padding-right: 30px;}


#footer{
	font-family: verdana;
	font-size: 10px;
	color:#C8C8C8;
	margin: 0 auto;
	padding-top: 5px;
	width:785px;
	height: auto;
text-align: center;
}
#home #footer{
  width: 797px;
}
#footer a{
  color: #C8C8C8;
}
#footer a:hover{
  color: #b7c943;
}





/* HEADER VARIATIONS */
/* HAIR */
#hair-hair #header{
	background: url(images/heading_vtcpromo1.gif) #8FACBA no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: transparent;
}

#page2 #header{
  background: url(images/stripe_top.gif);
}

#hair-services #header{
	background: url(images/heading_vtcpromo1.gif);
}

#hair-appointments #header{
	background: url(images/header-appointments.jpg);
}

#hair-product #header{
	background: url(images/header-11.jpg);
}

#hair-about #header{
	background: url(images/header-13.jpg);
}

#hair-news #header{
	background: url(images/header-09.jpg);
}

#hair-specials #header{
	background: url(images/header-05.jpg);
}

#hair-giftcard #header{
	background: url(images/header-10.jpg);
}

#hair-contact #header{
	background: url(images/hair_contact.jpg);
}




.services-nav h2 {
	margin: 5px 0 5px 0;
	padding: 0;
}

.services-nav ul {
	list-style-type: none;
	margin-bottom: 25px;
}

.services-nav li {
	margin-left: 25px;
}


/* ABOUT NAVS */


#hair-about-nav li,
#skin-about-nav li,
#hair-product-nav li{
  margin: 0 0 0 20px;
  padding: 0;
  list-style:none;

}
#hair-about-nav a,
#skin-about-nav a,
#hair-product-nav a{
  display: block;
  padding: 4px;
  font-size: .8em;
  color: #b7c943;
  font-weight: bolder;

}

/* SPECIALS */
.special{
  width:377px;
}
.special p{
  background: url(/images/bg-feature-tile.gif) repeat-y transparent;
  margin: 0;
  padding: 0 20px 0 20px;
  font-weight: bold;
  font-size: 14px;
  color: #b7c943;
  text-align: center;
}
.special img{
  line-height:0;
  clear:both;
  display: block;
}
.special em{
  font-size: .8em;
  font-weight: normal;
  color: #857b70;
  display: block;
  text-align: center;
  padding: 10px;
  color: #333;
}

/* INTERNAL */

.buttonscontainer {width: 170px;}

.buttons a {color: #CBC150;
background-color: transparent;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #CBC150;
font: 13px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #4E2E2D;
color: #CBC150;
text-decoration: none;}



/* CLASSES */



/* HACKS */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#formcontainer{text-align:left;background:#fff;}

#formcontainer, #top, #bottom {margin:0 auto;width:500px;}

#top, #bottom{width:500px;height:10px !important;display:block !important;}

#top{margin-top:10px;}

form.wufoo{margin: 0px  0px 0  0px;padding:0 0 20px 0;}

/* ----- LOGO ----- */
h1{margin:0;padding:0;min-height:0;background-color:#dedede;text-indent:-9000px;text-decoration:none;}
h1 a{height:100%;min-height:40px;display:block;background:url(/images/wflogo.png) no-repeat left top;overflow:hidden;}
* html h1 a{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");}
img { behavior: url(/css/global/iepngfix.htc);border:none;}
.confirm{text-align:center;margin:0 !important;padding:70px 0 80px 0;border:none !important;}

/* ----- FOOTER ----- */
.footer a{display:block;font-size:110%;margin:0 auto 30px auto;padding:5px 30px 5px 100px;line-height:40px;text-align:right;line-height:auto;background-color:red;background-image:url(/images/wflogo.png);background-repeat:no-repeat;background-position:5px center;width:380px;text-decoration:none;}
* html .footer a{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");}
.footer a:hover{text-decoration:underline;}

/* ----- EMBED ----- */
body.embed{margin:0 !important;overflow:hidden !important;background:none !important;}
.embed #formcontainer{width:100% !important;border:none !important;background:none !important;}
.embed form{margin:0 !important}

/* ----- MERCHANT ----- */
#merchant{text-align:center;}
#merchant li{width:97%;}
#merchant .info{border-bottom:none !important;}

/* - - - - - - - - - - - - - - - - - - - - -FORM- - - - - - - - - - - - - - - - - - - - - */.
wufoo{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;font-size:small;}
.wufoo li{width:92%; margin-left: 0px;}
form ul{margin-left: -30px;padding:0;list-style-type:none;width:100%;font-size:100%;}
form li{margin:0;padding:4px 5px 2px 9px;position:relative;}
form li:after, .buttons:after{content:"."; display:block;height:0; clear:both; visibility:hidden;}
form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}
* html form li div{display:inline-block;}
form li div, form li span{margin:0 4px 0 0;padding:0 0 8px 0;color:#444;}
form li span{float:left;}
form li div.left{display:inline;float:left;width:48%;}
form li div.right{display:inline;float:right;width:48%;}
form li div.left .medium, form li div.right .medium{width:100%;}
.clear{clear:both;}
form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:9px;line-height:9px;color:#444;display:block;}
form li .datepicker{float:left;margin:.1em 5px 0 0;padding:0;width: 16px;height: 16px;cursor:pointer !important;}

/* ----- INFO ----- */
.info{display:inline-block; clear:both;border-bottom:1px dotted #ccc;margin:0 0 1em 0;}
.info[class]{display:block;}
.info h2{font-weight:normal;font-size:160%;margin:0 0 3px 0;clear:left;}
.info p{font-size:95%;line-height:135%;margin:0 0 12px 0;}

/* ----- SECTIONS ----- */
form hr{display:none;}
form li.section{border-top:1px dotted #ccc;margin-top:9px;padding-top:13px;padding-bottom:0px;padding-left:9px;width:97% !important;}
form ul li.first{border-top:none !important;margin-top:0px !important;padding-top:0px !important;}
form .section h3{font-weight:normal;font-size:110%;line-height:135%;margin:0 0 2px 0;}
form .section p{font-size:85%;margin:0 0 10px 0;}

/* ----- BUTTONS ----- */
input.btTxt{padding:0 7px;width:auto;overflow:visible;}
.buttons{clear:both;margin-top:10px;}
.buttons input{font-size:100%;margin-right: 5px; }

/* ----- FIELDS AND LABELS ----- */
label.desc{line-height:150%;padding:0 0 1px; border:none;color:F6EFCE;display:block;font-size:95%;font-weight:bold;}
span.symbol{font-size:115%;line-height:130%;}
input.text, input.file, textarea.textarea, select.select{margin:0;font-size:100%;color:#333;}
input.text, textarea.textarea, .firefox select.select{border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background:#fff url(/images/fieldbg.gif) repeat-x top;}
input.text, input.file{padding:2px 0 2px 0;}
input.currency{text-align:right;}
input.checkbox, input.radio{display:block;line-height:1.4em;margin:6px 0 0 3px;width:13px;height:13px;}
label.choice{font-size:100%;display:block;line-height:1.4em;margin:-1.55em 0 0 25px;padding:4px 0 5px 0;color:#444;width:90%;}
textarea.textarea{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
select.select{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;margin:1px 0;padding:1px 0 0 0;}
select.select[class]{margin:0;padding:1px 0 1px 0;}
*:first-child+html select.select[class]{margin:1px 0;}
.safari select.select{margin-bottom:1px;font-size:120% !important;}

/* ----- SIZES ----- */
.third{width:32% !important;}
.half{width:48% !important;}
.full{width:100% !important;}
input.small, select.small{width:25%;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:100%;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}

/* ----- ERRORS ----- */
#errorLi{width:99%;background:#fff;border:1px dotted red;margin-bottom:1em;text-align:center;padding-top:4px;padding-left:0px;padding-right:0px;}
#errorMsgLbl{margin:7px 0 5px 0;padding:0;font-size:125%;color:#DF0000;}
#errorMsg{margin:0 0 .8em 0;color:#000;font-size:100%;}
#errorMsg strong{background-color: #FFDFDF;padding:2px 3px;color:red;}
form li.error{background-color: #FFDFDF !important;border-bottom:1px solid #EACBCC;border-right:1px solid #EACBCC;margin:3px 0;}
form li.error label{color:#DF0000 !important;}
form p.error{color:red;font-weight:bold;font-size:10px;margin:-2px 0 5px 0;clear:both;}

/* ----- REQUIRED ----- */
form.req{float:none;color:red;font-weight:bold;}

/* ----- INSTRUCTIONS ----- */
form li.focused{background-color:#C8C8C8;}
form.instruct{position:absolute;top:0;left:100%;z-index:1000;width:42%;margin:0 0 0 8px;padding:8px 10px 9px 10px;border:1px solid #e6e6e6;background:#f5f5f5;line-height:130%;font-size:80%;color:#444;visibility:hidden;}
form .instruct small{font-size:105%;}
form li.focused .instruct, form li:hover .instruct{visibility:visible;}

/* ----- LABEL LAYOUT ----- */
.noI .instruct{display:none !important;}.noI form li{width:96%;}.noI li.section{padding-left:9px;}

/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{padding-left:22%;padding-top:9px;width:55% !important;}
.noI .leftLabel li, .noI .rightLabel li, .noI li.leftLabel, .noI li.rightLabel{padding-left:30%;width:66%;}
.leftLabel label.desc, .rightLabel label.desc{position:absolute;left:0;width:24%;margin-left:9px;margin-top:2px;}
* html .leftLabel label.desc, * html .rightLabel label.desc{width:34%;}
.rightLabel label.desc{text-align:right;}
.noI .leftLabel label.desc, .noI .rightLabel label.desc{width:27%;}
* html .noI .leftLabel label.desc, * html .noI .rightLabel label.desc{width:40%;}
.leftLabel p.instruct, .rightLabel p.instruct{width:26%;margin-left:2px;}
* html .leftLabel p.instruct, * html .rightLabel p.instruct{width:37%;}

/* ----- PASSWORD ----- */
ul.protected{list-style:none;margin:60px 0;}
.protected li{text-align:center;padding:10px 0;}
.protected h2{font-weight:bold;color:#DF0000;margin:0 auto 10px auto;}
.protected label{font-size:120% !important;padding-top:10px;display:block;}
.protected input.text{font-size:170% !important;width:380px;text-align:center;}
.protected .buttons{margin:0;}
.protected #saveForm{font-size:120% !important;}

/* The main calendar widget.  DIV containing a table. */
div.calendar { position: relative; z-index:3000;}
.calendar table {cursor:pointer;font-size: 11px;color: #000;border:1px solid #ccc;background: #fff;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */text-align: center;    /* They are the navigation buttons */padding:2px 0 3px 0;}
.calendar thead .title { /* This holds the current "month, year" */font-weight: bold;      /* Pressing it will take you to the current date */text-align: center;background: #fff;color: #000;font-size:12px;padding: 3px 0;}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */background: #dedede;color: #333;font-weight:bold;}
.calendar thead .daynames { /* Row <TR> containing the day names */background: #f5f5f5;color:#333;}
.calendar thead .name { /* Cells <TD> containing the day names */padding: 2px;text-align: center;color: #000;border-bottom:1px solid #dedede;}
.calendar thead .weekend { /* How a weekend day name shows in header */color: #666;background:#dedede;}
.calendar thead .hilite { /* How do the buttons in header appear when hover */background-color: #444;color: #fff;padding: 1px;}
.calendar thead .active { /* Active (pressed) buttons in header */background-color: #d12f19;color:#fff;}

/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */width:2em;color: #222;text-align: right;padding: 1px;border: 1px solid #fff;}
.calendar tbody .day.othermonth {font-size: 80%;color: #bbb;}
.calendar tbody .day.othermonth.oweekend {color: #fbb;}
.calendar table .wn {padding: 2px 2px 2px 2px;border-right: 1px solid #000;background: #666;}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn{background: #ddd;}
.calendar tbody td.hilite { /* Hovered cells <TD> */background:#444 !important;color:#fff !important;}
.calendar tbody td.active { /* Active (pressed) cells <TD> */color:#529214;background: #529214 !important;}
.calendar tbody td.selected { /* Cell showing selected date */font-weight: bold;border: 1px solid #888;padding: 1px;background: #f5f5f5 !important;color: #222 !important;}
.calendar tbody td.weekend { /* Cells showing weekend days */color: #666;}
.calendar tbody td.today { /* Cell showing today date */ font-weight: bold;color: #529214;background:#D9EFC2;}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */visibility: hidden;}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */display: none;}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */text-align: center;background: #556;color: #fff;}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */background: #222;color: #fff;font-size:10px;border-top: 1px solid #dedede;padding: 3px;}
.calendar tfoot .hilite { /* Hover style for buttons in footer */background: #aaf;border: 1px solid #04f;color: #000;padding: 1px;}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */background: #77c;padding: 2px 0px 0px 2px;}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;border: 1px solid #ccc;background: #f5f5f5;color: #222;font-size: 90%;z-index: 100;}
.calendar .combo .label,.calendar .combo .label-IEfix {text-align: center;padding: 1px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .hilite {background: #444;color:#fff;}
.calendar .combo .active {border-top: 1px solid #999;border-bottom: 1px solid #999;background: #dedede;font-weight: bold;}
@media print{#public, h2{margin:0;}
#formcontainer{border:none !important;width:100%;}
#top, #bottom, h1, form .buttons, #printPage, .icon{display:none !important;}
form.wufoo{margin:0;padding:0;}
form.wufoo .instruct{display:block;}}


/*- Menu nubs 9--------------------------- */

    #nubs9 {
      float:right;
      width:100%;
      line-height:normal;
font-size: 10px;
      }
    #nubs9 ul {
          margin:0;
          padding: 0px 10px 0 175px;
          list-style:none;
      }
    #nubs9 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nubs9 a {
      float:left;
      background:url("tableft9x.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nubs9 a span {
      float:left;
      display:block;
      background:url("tabright9.gif") no-repeat right top;
      padding:5px 10px 4px 8px;
      color:#FFF;
      border: 1px solid #A09987;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nubs9 a span {float:none;}
    /* End IE5-Mac hack */
    #nubs9 a:hover span {
      color:#FFF;
      }
    #nubs9 a:hover {
      background-position:0% -42px;
      }
    #nubs9 a:hover span {
      background-position:100% -42px;
      }

      #nubs9 #current a {
              background-position:0% -42px;
      }
      #nubs9 #current a span {
              background-position:100% -42px;
      }