/*css document*/

html {min-height:100%;
	margin-bottom:1px;}
#servicecol ul li, p, h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.7em;
	line-height: 1.8em;
	letter-spacing: .05em;
	list-style:none;
}
img, img a { border:none;}
b {
	color: #333366;
	font-size: 0.9em;
	font-weight:bolder;	

}
h1 {
	color: #333366;
	font-size: 1.2em;
	font-weight: lighter;
}
h2 {
	color: #333366;
	font-size: 1.1em;
	font-weight: lighter;
}
body{
	background:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:50px 0px 20px;
	text-align:center;
}
#wrapper {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header {
	width:700px;
	position:relative;
	background-color:#f2f5d7;
	height:278px;
}
.headimage {
	padding: 0px;
	margin-right: 0px;
	margin-left: 217px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#clickhome{ position:absolute; width:217px; height:246px; left:0; top:0; z-index:9000;}
div#clickhome img { width:100%;	height:100%;}
div#clickhome img a:link, div#clickhome img a:visited, div#clickhome img a:hover, div#clickhome img a:active {background:none;}
div#clickhome a:active{ outline: none; }
a:focus{-moz-outline-style: none;}
#topmenu {
	padding: 0px;
	margin: -30px 0px 0px;
	
	display:block;
	}
#topmenu a:link, a:visited, a {
	text-decoration:none;
	color:#333333;
	text-transform:uppercase;
}
#topmenu a:hover, a:focus {
	color: #333333;
	padding: 9px 0px 15px;
	background-image: url(../images/layout/menubackgroundtrans.png);
	/*background-image: url(../images/layout/menubackgroundtrans.gif);*/
	
}	
#topmenu ul {
	margin: 1px 0px -5px 20px; /*2px 0px -5px 25px; for IE*/
	padding: 0px;
	
}
#topmenu ul li{
	list-style:url(none) none;
	display: inline;
	letter-spacing: 1.2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	margin:2px;
	
}
body#homepage li#home a, body#spapage li#spa a, body#specialspage li#specials a, body#spapage li#spa a, body#servicepage li#service a, body#giftpage li#gift a,
body#locationpage li#location a, body#importantpage li#important a
 { background-color:white; padding: 9px 0px 15px;
   cursor:default;
  }	

#leftcol {
	width:190px;
	height:auto;
	float:left;
		
}
#leftcol img {
	text-align: right;
	float: right;
	margin-top:25px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*--------------specials div------------------------------*/
div#specialadvert 
{
	position:relative;
	margin-top:165px;
}
div#advertcol
{
	position:relative;
	margin-top:-10px;
}

img.advert 
{
	position:absolute;
	width:212px;
	height:100px;
	left:-5px;
}
.advertleftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CC33CC;
	padding-left: 10px;
}
table#adverttable
{
	margin-left:5px;
	padding:0;
	background-image: url(../images/advertising/curly_lashes.jpg);
	background-repeat: no-repeat;
}

td.adborder img
{
margin-left:10px;
margin-top:0px;
}
p.nospace {margin-top:-5px;}
/*--------------------end specials-----------------------------*/
#rightcol {
	float: right;
	width: 470px;
	margin-top:12px; /*-45px for IE */
	margin-bottom: 15px;
	padding: 0px;
	
}
#footer {
	clear:both;
	background-image: url(../images/layout/footer.gif);
	height: 50px;
	margin-top: 50px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #c0ce93;
}
.footertext {
	font-size: .65em;
	color: #3300CC;
	margin: 20px 0px 0px 50px;
	width: 200px;
	position: absolute;
	
}
.footertextb{
	font-size: 0.65em;
	color: #3300CC;
	margin: 20px 0px 0px 472px;
	width: 200px;
	position: absolute;
}
.centrecol {
	width:700px;
	padding-top: 15px;
	margin: 10px 0px 0px;
}
.tableleleftpadding {
	padding-left: 10px;
}
.emphasis {
	font-size:0.7em;
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
#location_centrelayout {
	width:700px;
	padding-top: 15px;
	margin: 10px auto 9px;
	text-align: center;
	display: block;
}
#location_centrelayout p a {
	text-transform:lowercase;
}
#hoursopen {
	width: 295px;
	padding: 10px;
	margin-left: 5px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #999999;
	margin-top: 15px;
	margin-right: 0px;
	background-color:#CAE180;
}


#hoursopen ul {
	list-style:none;
	background-color:#FFF;
	padding:5px 5px 5px 45px;
	margin: 0px;
	height:197px;
}
 #hoursopen tr td {
	width: 200px;
	padding-bottom: 5px;
	margin: 0px;
	font-size: .85em;
}
	#hoursopen p {
	font-size:.6em;
	color:#666666;
	width:100%;
	}

	.img_floatright {
		float: right;
		margin:20px 5px 5px;
	}

#map {
	
	width: 295px;
	padding: 10px 10px 3px; 
	float: right;
	margin: 15px 10px 25px 0px;
	border: 1px solid #999999;
	background-color:#CAE180;;
}
#map p {
font-size:.6em;
color:#666666;
width:100%;
}
.centrecol_inset {

	width:665px;
	padding-top: 15px;
	margin: 10px 0px 0px 20px;
}
#menucol {
	width:190px;
	padding: 0px;
	margin-left: 15px;
	margin-top:35px;
	float: left;
	margin-bottom:40px;
}
#servicecol {
	float: right;
	width: 450px;
	margin: 13px 0px 20px;
	padding: 0px;
}
#servicecol ul { list-style-image:none;
				list-style-image:url(../images/layout/bullet.gif);
				
}				

.img_menucol {
	margin-top: 50px;
}
h3 {
	color: #333366;
	font-size: .95em;
	font-weight: lighter;
}

#hoursopen td {
	color:#999;
}
.td_left {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	vertical-align: top;
	margin:0px;
	width: 200px;
}
.td_right {
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
	margin:0px;
	width: 200px;
	}
.td_bottom {border-bottom:1px dotted #CCC;
			vertical-align:top;
			}

/*#prodtable {
	margin-top:10px;
	margin-bottom:15px;
}*/
div.prod_block{
	width:650px;
	margin-left:25px;
	margin-top:25px;
	padding:0px;
}
div.prod_block p, div.prod_block h3{
	margin-top:0px;
}

#centre_centrelayout h3 a {
	text-transform:none;
	color: #333366;
}
#centre_centrelayout h3 a:hover {
	text-transform:none;
	color:#669900;
}

#xmas {
	background-image: url(../images/advertising/xmas-sock.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cae180;
	border-bottom-color: #cae180;
}#xmas td {
	vertical-align: top;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#xmas h1 a {
	text-decoration: underline;
	color:#333366;
	text-transform: lowercase;
}

#xmas table {
	width: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}