/* Address Bar */
#address-bar td {color:#fff;text-align:center;font-size:0.7em;}
#address-bar td strong {font-size:1.2em;}

#address-bar th {color:#fff;}
#address-bar th span {height:30px;width:294px;line-height:2em;}
#address-bar-emblem {height:30px;width:46px;text-align:right;}

#address-bar-emblem, #address-bar th span {float:left;}

.new-location {color:#000 /* #d80303 */;font-weight:bold;}

/* Contact Page */
.hours-table {padding:6px 0;}
.hours-table td {padding:2px 0;}

/* Home Page - Featured Sections */

#featured_sections div {
border:1px solid #eee;
margin-bottom:15px;
width:500px;
height:120px;
}

#featured_sections div img {border:0;margin:0;padding:0;}

.tblbg3 {text-align:center;}
.tblbg3 a {border:1px solid transparent;padding:2px 12px;}
.tblbg3 a:hover {border:1px solid #fff;}

#main-menu table {padding-top:5px;}

/* Schedule an Appointment - Gift Cards */
#willo-locations li {
margin:10px 0;
font-size: 1.3em;
}

#willo-locations a:hover {text-decoration:none;}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

ul.spa li a {color:#a4ca50;}
ul.spa li h3 a {color:#000;}
ul.spa li a.selected {text-decoration:underline;color:#8DB33A;font-weight:bold;}

ul.salon li a {color:#e86053;}
ul.salon li h3 a {color:#000 !IMPORTANT;text-decoration:none !IMPORTANT;}
ul.salon li a.selected {text-decoration:underline;color:#DA4B3D;}

.disclaimer {
font-style:italic;
text-align:center;
padding:10px 0;
}

a, td, p, div {font-family:arial, sans serif;}

#levels li {margin:10px 0;line-height:1.2em;}
#levels li strong {color:#333;}

h3.submenu {
margin:0 0 10px 0;
padding:2px 0;
border-bottom:1px dotted #ccc;
width:190px;
color:#000 !IMPORTANT;
}

h3.submenu a.selected {padding-left:7px !IMPORTANT;}

.tabcontent h2 {
width:670px;
background-color:#eee;
margin:15px 0;
padding:3px;
font-family:arial, sans serif;
font-size:1em;
color:#333;
}

.shadetabs {
padding: 0;
margin:15px 0 30px 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
margin:0 0 10px 0;
clear:both;
display:block;
width:210px;
font-size:0.9em;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
font-size:0.8em;
}

.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.shadetabs li a.selected{ /*selected main tab style */ position: relative;padding-left:15px;font-weight:bold;}

.shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif);border-bottom-color: white;}

.shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none;}

.tabcontent{display:none;margin-bottom:20px;}

@media print {
.tabcontent {display:block !important;}
}

/* from salon page */

.menu-space {padding:0 6px;}

.topnv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.topnv2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}

.grey14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
.grey10 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
.white12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.white14bold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.blue14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #89B7C4; font-weight: bold; }
.grey12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.grey14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; }
.red14bold 
{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #DA4B3D; font-weight: bold; 
}
.grn14bold 
{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8DB33A; font-weight: bold; 
}
.yl14bold 
{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCD00; font-weight: bold; 
}
.or14bold 
{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #EC6A2E; font-weight: bold; 
}
.white10 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}
.gry12bold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: bold; }
.tblbg1 {border: 0px solid #FFF;}
.tblbg2 {border: 1px solid #FFF;}
.sz11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.tblbg1 {border: 0px solid #FFF; }

/* misc */
body table.frame {margin:0 auto;}
body {margin-top:10px;text-align:center;}
a img {border:none;}

/* body {margin-left:100px;margin-top:10px;} */
.topnv {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}
.topnv2 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #FFF;text-decoration: none;}
.grey14 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #666;}
.grey10 {font-size: 10px;font-family: Arial, Helvetica, sans-serif;color: #666;}
.white12 {font-family: Arial, Helvetica, sans-serif;color: #FFF;font-size: 12px;text-decoration: none;}
.white14bold {font-family: Arial, Helvetica, sans-serif;color: #FFF;font-size: 14px;font-weight: bold;text-decoration: none;}
.blue14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #89B7C4; font-weight: bold; }
.grey12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.grey14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; }
.red14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #DA4B3D; font-weight: bold; }
.grn14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8DB33A; font-weight: bold; }
.yl14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCD00; font-weight: bold; }
.or14bold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #EC6A2E; font-weight: bold; }
.white10 {font-family: Arial, Helvetica, sans-serif;color: #FFF;font-size: 10px;text-decoration: none;}
.gry12bold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: bold; }
.sz11 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333;}

/* Home Page Slideshow */

/*  slideshow css  */

#picture-slides-container{
	/* Width HAS to be here for IE to render the filter */
	width: 100%;
	margin:0 0;
	padding:0 0;
}

#picture-slides-frame{
	/* float: left; */
	width: 550px;
	text-align: center;
	background: #000;
	margin: 0 0;
	padding:0 0;
}

#picture-slides-thumbnails{
	float: left;
	clear: left;
	width: 448px;
	margin-top: 1em;
	border: 1px solid #666;
}

#picture-slides-thumbnails ul{
	list-style: none;
	width: 440px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}

#picture-slides-thumbnails ul li{
	float: left;
	width: 100px;
	height: 75px;
	margin: 0 10px 10px 0;
}

#picture-slides-thumbnails ul li img{
	width: 100px;
	height: 75px;
	cursor: pointer;
}

#picture-slides-thumbnails ul li .selected img{
	width: 96px;
	height: 71px;
	padding: 1px;
	border: 1px solid #f60;
}

#picture-slides-image-text{
	text-align: center;
}

#links{
	display: block;
	clear: left;
	padding: 2em 0 1em 4em;
}

#links li{
	line-height: 2em
}

#navigation-controls{
	width: 260px;
	list-style: none;
	margin: 0 auto;
}

#navigation-controls li{
	float: left;
	line-height: 1.5em;
	margin-right: 0.5em;
}

#navigation-controls li#image-counter{
	margin: 0 0.75em 0 0.5em;
}

li.slideshow-item{
	margin-left: 3em;
}

#picture-slides-dim-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	display: none;
	z-index: 10;
}