/*body definition*/
/*admin text editor will take on body element characteristics so be careful when editing*/
/* CSS */
body {
	/*text-align:center;*/
	font:11pt Arial, sans-serif;
	color:#42372B;
}
body img
{
    border:solid 1px #000;
}
.background
{
	background:url('../images/bg_tile.jpg') #E2D9BC;
	padding-top:20px;
}    
.background img
{
    border:solid 0px #000;
}
h2 {
	font:bold italic 14pt Arial, sans-serif;
}
#outerbox {
	display:block;
	position:relative;
	width:900px;
	height:675px;
	border:solid 3px #6A5A4A;
	margin:0px auto;
	text-align:left;
	background:url('../images/bg_main_900.jpg') no-repeat;
}
#content { 
	display : block;
	position : absolute; 
	top : 30px; 
	left : 345px;
	width : 535px;
	height : 630px;
	padding-left: 5px;
	padding-right : 10px; 
	overflow : auto;  
} 
	#content img {border:solid 1px #000;}

.giftcard {
	float:left;
	text-align:center;
	padding:0px;
	margin:10px;
	font-weight:bold;
}
.breadcrumb{margin-bottom: 5px;}	
div.prop {display:block; width:1px; height:600px; float:right;}
.clear {clear:both;}
a:hover {text-decoration:none;}
#logo {
	display:block;
	position:relative;
	width:345px;
	height:150px;
	top:20px;
	left:27px;
}
	#logo h1, #logo h1 a {
		display:block;
		margin:0px;
		padding:0px;
		width:345px;
		height:150px;
		text-indent:-9999px;
		/*background:#FFF;*/
	}
#giftcard {
	display:block;
	position:relative;
	width:100px;
	height:85px;
	top:170px;
	left:100px;
}
	#giftcard h3, #giftcard h3 a {
		display:block;
		margin:0px;
		padding:0px;
		width:100px;
		height:85px;
		text-indent:-9999px;
		/*background:#FFF;*/
	}
#footer {
	display:block;
	position:relative;
	width:900px;
	margin:20px auto 10px auto;
	/*margin-top:10px;*/
	font:bold 10pt Arial, sans-serif;
	text-align:center;
	color:#6A5A4A;
}
	#footer a {color:#6A5A4A; text-decoration:none;}
	#footer a:hover {color:#000; text-decoration:underline;}
a {color:#6A5A4A; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

#menu {display:block; position:relative; top:140px; left:113px; width:145px; height:231px; margin:0px; padding:0px; list-style-type:none; z-index:100;}
#menu li {display : inline;}
#menu li a {display:block; width:145px; height:33px; text-indent:-9999px; background:transparent url('../images/Zazen_menu.jpg') no-repeat;}
	
	#menu li.home {top:0px; left:0px;}
		#menu li.home a {background-position:0px 0px;}
		#menu li.home a:hover {background-position:-145px 0px;}
		
	#menu li.salon {top:33px; left:0px;}
		#menu li.salon a {background-position:0px -33px;}
		#menu li.salon a:hover {background-position:-145px -33px;}
	
	#menu li.spa {top:66px; left:0px;}
		#menu li.spa a {background-position:0px -66px;}
		#menu li.spa a:hover {background-position:-145px -66px;}
	
	#menu li.services {top:99px; left:0px;}
		#menu li.services a {background-position:0px -99px;}
		#menu li.services a:hover {background-position:-145px -99px;}
		
	#menu li.products {top:132px; left:0px;}
		#menu li.products  a {background-position:0px -132px;}
		#menu li.products a:hover {background-position:-145px -132px;}
		
	#menu li.packages {top:165px; left:0px;}
		#menu li.packages a {background-position:0px -164px;}
		#menu li.packages a:hover {background-position:-145px -164px;}
		
	#menu li.contact {top:198px; left:0px;}
		#menu li.contact a {background-position:0px -198px;}
		#menu li.contact a:hover {background-position:-145px -198px;}
	
/******* FLYOUT MENU **********/
	#menu li li a {display:block; font:bold 12px Arial; color:#000; text-decoration:none; background:#EADCBF; text-indent:0px; padding:2px 0px 0px 5px; width: 175px;}
	#menu li li a:hover {background:#AC9772;}
	
	li ul.sub_services {display:none; position:absolute; top:-50px; left:140px; padding:0px; margin:0px; border:solid 1px #6A5A4A; width: 180px;}
	li>ul.sub_services {top:-50px; left:140px; padding:0px;}
	
	li ul.sub_packages {display:none; position:absolute; top:160px; left:140px; padding:0px; margin:0px; border:solid 1px #6A5A4A; width: 180px;}
	li>ul.sub_packages {top:160px; left:140px; padding:0px;}
	
	li li {display:block; float:none; border:0px;}
	li:hover ul, li.over ul {display:block;}
/******* FLYOUT MENU **********/

table.appt_form {font:10pt Arial, sans-serif; margin:0px; padding:0px;}
	.input_text {font:9pt Arial, sans-serif; padding:0px; margin:0px; width:200px;}
	.input_select {font:9pt Arial, sans-serif; padding:0px; margin:0px; width:200px;}
	.input_textarea {font:9pt Arial, sans-serif; padding:0px; margin:0px; width:200px; height:80px;}

div.error ul {padding-left:20px; margin:0px;}
.error {width:430px; font:11px Arial; color:white; border:solid 1px red; padding:3px; margin:0px; background:red;}
.success {color:white; border:solid 1px blue; margin:0px; padding:5px; background:blue;}
.req {font:bold 12px Verdana; color:red;}

.pjc {
	display:block;
	float:right;
	background:url('../images/pjc.png') no-repeat;
	width:111px;
	height:47px;
	text-indent:-9999px;
}




/*forms design*/
.button
{
	color: #4a3929;
	border: 1px solid #4a3929;
	background-color: #e0d9bf;
}
.button:hover
{
	color: #e0d9bf;
	border: 1px solid #e0d9bf;
	background-color: #4a3929;
}
.txtbox_small
{
	background-color: #FFFFFF;
	color: black; /*to be safe when backgrounds are dark and text is light*/
}
.frmTable
{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.frmTable td
{
	padding: 2px;
}

.frmLabel
{
}

.frmRequired
{
	font-weight: bold;
}
.errMsg
{
	font-weight: bold;
	color:Red;
}
.msg
{
	font-weight: bold;
}

/*formatting for modules*/
/* membership module */
.directory th{
  font-weight:bold;
  border-bottom:2px solid #42372b;
 	color: #4a3929;
	background-color: #e0d9bf;
	border-right:1px solid #42372b;
	padding:3px;
}
.directory{
  border:1px solid #42372b;
}
.directory{
  border-collapse:collapse;
}
.directory td{
 padding:3px;
 border-bottom:1px solid #42372b;
 border-left:1px solid #42372b;
 text-align:left;
}

.featured {
  font-weight:bold;
}

.member-details {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	table-collapse:collapse;
}
.member-details td{
  padding:3px;
  border-bottom:1px dotted #42372b;
}

/*testimonials / guestbook module */
.testimonials
{
	width: 100%;
}
/* CALENDER module */
#calendar-icon
{
	width: 175px;
}
#calender-icon .day, #calender-icon .day-event
{
	width: 25px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
}
#calendar-main
{
	width: 100%;
}
#calendar-main .dayheading
{
	color: #4a3929;
	background-color: #e0d9bf;
}
#calendar-main .tablerow
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	background:#dac79c;
}

#calendar-main .day, #calendar-main .today
{
	width: 14%;
	padding-top: 10px;
	text-align: center;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	/*border: 1px solid #42372b;*/
}
#calendar-main .today
{
	color: #4a3929;
	background-color: #e0d9bf;
}

#search-results-calendar td
{
	vertical-align: middle;
	text-align: center;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	border: 1px solid #42372b;
}


.newsTextLarge
{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.month
{
	background-color: #ffffff;
	font: bold 10px verdana;
	color: #77768F;
	text-decoration: none;
}
.daysofweek
{
	background-color: #221D54;
	font: bold 10px verdana;
	color: white;
}
.days
{
	font-size: 10px;
	font-family: verdana;
	color: black;
	background-color: #e8e2cc;
	padding: 2px;
}
.days a
{
	font-size: 10px;
	font-family: verdana;
	color: black;
	background-color: #e8e2cc;
	padding: 2px;
	text-decoration: none;
}
.days #today
{
	font-weight: bold;
	color: red;
}



.links_text
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 9px;
	font-weight: normal;
	color: #4a3929;
}
.calContent
{
	font-size: 9px;
	text-align: center;
}

/* CALENDER CSS Ends*/

/* Editor CSS*/

.info_text
{
	color: #42372b;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt;
	margin-bottom: 3px;
}
.succ_text
{
	color: #42372b;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt;
}
.errtext
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	color: red;
}



/*
SHOPPING CART CSS
*/
.disc
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #000000;
}
.success
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #2C9449;
	background-color: #DCF4D0;
	text-align: center;
	font-weight: bold;
}
.error
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #FF6600;
	background-color: #FFE4D2;
	text-align: center;
	font-weight: bold;
}
li a
{
	text-decoration: none;
	color: #42372b;
}

.padding
{
	padding: 7px;
}


.heading
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 14px;
	color: #1b3a64;
	font-weight: bold;
	line-height: 20px;
}
.bor_base
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.prtable
{
	background-image: url(../images/tbl_bg.gif);
}

.prdboxdet
{
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9b9b9b;
	border-left-color: #9b9b9b;
}

.prod
{
	background-color: #FFFFFF;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9b9b9b;
	border-left-color: #9b9b9b;
}
.quantity
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #333333;
	text-align: center;
}

.price
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
}

.quantity input
{
	font-family: verdana, arial;
	font-size: 10pt;
	color: #333333;
	border: 1px solid #666666;
}
.heading1
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 14px;
	color: #2c9449;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

.catnav ul
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}

.catnav li
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}
.catnav li li
{
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	list-style: none;
}


.strikeouttext
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	color: #42372b;
	font-weight: normal;
	text-decoration: line-through;
}

.cart
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #42372b;
}

.cart a
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #42372b;
	text-decoration: none;
}

.cart a:hover
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #42372b;
	text-decoration: underline;
}

.leftnavheading
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 13px;
	color: #4a3929;
	text-decoration: none;
}

.cartheading
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 14px;
	color: #42372b;
	font-weight: bold;
	text-decoration: none;
}

.cartheading a
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 14px;
	color: #42372b;
	font-weight: bold;
	text-decoration: none;
}

.cartheading a:hover
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 14px;
	color: #42372b;
	font-weight: bold;
	text-decoration: underline;
}
.catnav
{
	float:left;
	margin: 0px ;
	padding:0px;
}
.catnav ul
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}

.catnav li
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	list-style: none;
}
.catnav li li
{
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	list-style: none;
}

/*beginning of formatting for new checkout page*/
.newbutton
{
	color: #4a3929;
	border: 1px solid #4a3929;
	background-color: #e0d9bf;
}
.newbutton:hover
{
	color: #e0d9bf;
	border: 1px solid #e0d9bf;
	background-color: #4a3929;
}
.outer-container
{
	background-color: #e0d9bf;
	padding: 3px;
	width: 790px;
}
.inner-container
{
	background-color: #e8e2cc;
	padding: 3px;
}
h4.section-header
{
	color: #4a3929;
	font-size: 120%;
	margin: 1px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}
.number
{
	margin: 0px 10px 2px 9px;
}
.checkout
{
	width: 100%;
}
.checkout th
{
	border-bottom: 3px solid #4a3929;
	text-align: left;
}
.checkout td
{
	font-size: 10pt;
}
.note
{
	font-style: italic;
	font-size: 80%;
}

th.note
{
	font-style: italic;
	font-size: 80%;
}

.newTextHeading
{
	color: #42372b;
}

.newText
{
	color: #42372b;
}

.newText a
{
	color: #7c5a56;
	text-decoration: underline;
}

.newText a:hover
{
	color: #7c5a56;
	text-decoration: none;
}

.newCartheading
{
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.newCartheading a
{
	color: #7c5a56;
	text-decoration: underline;
}

td.newCartheading a
{
	color: #7c5a56;
	text-decoration: underline;
}


.newCartheading a:hover
{
	text-decoration: none;
}

td.newCartheading a:hover
{
	text-decoration: none;
}


.newCart
{
	font-family: Arial,Tahoma,sans-serif,Garamond,Times New Roman;
	font-size: 12px;
	color: #000000;
}

.newCart a
{
	color: #7c5a56;
	text-decoration: underline;
}

td.newCart a
{
	color: #7c5a56;
	text-decoration: underline;
}

.newCart a:hover
{
	color: #7c5a56;
	text-decoration: none;
}

td.newCart a:hover
{
	color: #7c5a56;
	text-decoration: none;
}



/*
SHOPPING CART CSS ENDS HERE
*/


/*
CSS FOR SEARCH RESULT*/

.searchTitle
{
	background: #e0d9bf;
	font-weight: bold;
	color: #4a3929;
}
td.searchTitle
{
	padding: 3px 0px 0px 3px;
}
.searchTitle a
{
	background: #e0d9bf;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #4a3929;
}

.searchTitle a:hover
{
	background: #e0d9bf;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	color: #4a3929;
	text-decoration: underline;
}
.searchResult
{
	color: #42372b;
}
.searchKey
{
	color: #4a3929;
	background: #e0d9bf;
	font-weight: bold;
}
.tableHeader
{
	background: #e0d9bf;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	color: #4a3929;
}

.searchLinks
{
	color: #4a3929;
}

/*These are the classes that I think are not being used*/
.rightnav
{
	color: #7c5a56;
}
.rightnav a
{
	color: #7c5a56;
	text-decoration: underline;
}
.rightnav a:hover
{
	text-decoration: none;
}

.rightnav1 a
{
	font-weight: normal;
	color: #7c5a56;
	text-decoration: none;
}

.imageborder
{
	border-color: #e8e2cc;
}
/*used?*/
.maintable
{
	background-color: #FFFFFF;
	border: 1px solid #ffe6b1;
}
.tablebornbg
{
	border: 1px solid #b5b29d;
	background-color: #e5e2cf;
}

.newsText
{
	color: #4a3929;
	text-decoration: none;
}

.newsLink
{
	color: #4a3929;
	text-decoration: underline;
}
.newsLink a
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #4a3929;
	text-decoration: underline;
}
.newsLink a:hover
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #e8e2cc;
	text-decoration: underline;
}
.brcrmb
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #2a2a2a;
}
.brcrmb a
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #2a2a2a;
	text-decoration: none;
}
.mainTitle
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 24px;
	color: #7e110b;
	text-decoration: none;
}
.readmore
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #7e110b;
}
.footer
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
}




/*
Jobs module CSS
*/

.jobheader
{
	background: #e0d9bf;
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	color: #4a3929;
}
.quicksearch
{
	border:solid 2px #e0d9bf;
}

.jobheaderBgColor
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	background-color: #e0d9bf;
}
.searchresults
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight:bold;
}

.tableHeading
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	font-weight:bold;
	color: #4a3929;
	background: #e0d9bf;
}


.newsheaderBgColor
{
	font-family: Arial,sans-serif,Tahoma,Garamond,Times New Roman;
	font-size: 10pt;
	background-color: #e0d9bf;
}





/***sitemap styling**/
.sitemap{
  width:100%;
}
.sitemap td{
  width:50%;
	vertical-align:top;
	text-align:left;
}
.sitemap a{
 text-decoration:none;
}
.sitemap a:hover{
  text-decoration:underline;
}

.sitemap .level1{
	margin-top:10px;
}
.sitemap .level1 a{
  font-weight:bold;
	font-size:110%;
}
.sitemap .level2{
  margin-left:10px;
}
.sitemap .level3{
 margin-left:20px;
}

/***special for ie6 ****/
.aopen {
    color: #e0d9bf;
 }
 .Answers
{
	width:40%;
}
.commentheading
{
    background:#e0d9bf;
    color:#ffffff;
    font-weight:bold;
    font-size:13px;
    font-family:Tahoma;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
}
.subheading
{
    padding-bottom:5px;
    padding-top:5px;
    background:#d9d9d9;
    color:#11212c;
    font-family:Tahoma;
    font-size:14px;
    padding-left:5px;
    
}
.commenttext
{
    padding-bottom:5px;
    padding-top:5px;
    font-size:12px;
    padding-left:10px;
    padding-right:5px;
    
}
