/*body definition*/
/*admin text editor will take on body element characteristics so be careful when editing*/
@import url('text_calendar.css');
BODY
{
	margin: 0px;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #42372B;
	font-weight: normal;
}

#body
{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.background
{	
	background-image:url('/assets/bg_tile.jpg');
	background-repeat:repeat;
	background-position:center top;
	background-color: #B4AF92;
	padding:20px 0px 0px 0px;
}

.background1
{	
	background-image:url('/assets/bg_tile.jpg');
	background-repeat:repeat;
	background-position:center top;
	background-color: #B4AF92;
	padding:0px 0px 0px 0px;
}

/*end body definition*/

/*other basic element definitions*/

p, td, div, li
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: normal;
}

a
{
	color: #372002;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: underline;
}
a:hover
{
	color: #372002;
	text-decoration: none;
}
a:visited, a:active
{
	color: #372002;
}
/*generic  classes*/
.header
{
	font-weight: bold;
	font-size: 120%;
}
.small
{
	font-size: 80%;
}
.center
{
	text-align: center;
	width: 100%;
}
.bold
{
	font-weight: bold;
}
.aline
{
	border-top: 1px solid #42372B;
}
.msg-small
{
	font-style: italic;
	font-size: 80%;
}
.p
{
	margin-top: 3px;
	margin-bottom: 3px;
}
/* for adding a margin to generic divs*/
/* from settings*/

.pbgcolor
{
	background-color: ;
	color: #42372B;
}
.bgcommon
{
	background-color: ;
	color: #6a5a4a;
}
.bgnav
{
	background-color: #B4AF92;
	color: #484431;
}
.editor-content a
{
	color: #372002;
}
.editor-content a:hover
{
	color: #372002;
}
#footer-nav
{
	width: 100%;
	padding: 5px;
	border-top: 1px solid #6a5a4a;
	border-bottom: 1px solid #6a5a4a;
}

/*layout defaults */
.col
{
	width: 200px;
}
.mainbody
{
	height: 300px;
}
/*establishes minimum height*/
.footer-container
{
	text-align: center;
	padding: 15px 5px 5px 5px;
}

/* link behavior for different areas and classes**/

/* pushdown navigation */

#uisTopPushdown .nav a, #uisTopPushdown .nav a:hover, #uisTopPushdown .nav-open a, #uisTopPushdown .nav-open a:hover
{
	text-decoration: none;
}

#uisTopPushdown .level2 a
{
	padding-left: 5px;
}
#uisTopPushdown .level3 a
{
	padding-left: 10px;
}

#uisTopPushdown
{
	width: 100%;
	color: #484431;
	background-color: #B4AF92;
}
#uisTopPushdown a, #uisTopPushdown a:visited, #uisTopPushdown a:active
{
	text-decoration: none;
	color: #484431;
}

#uisTopPushdown a:hover, #uisTopPushdown .nav-open a, #uisTopMenu .nav-open a
{
	color: #B4AF92;
	background-color: #484431;
}
#uisTopPushdown .nav-open, #uisTopMenu .nav-open
{
	color: #B4AF92;
	background-color: #484431;
}
#uisTopPushdown td
{
	padding: 5px;
	border-bottom: 1px solid #484431;
}

#uisTopPushdown td{
 padding-right:0px;
}
 #uisTopPushdown td a{
    display:block;
		margin:0px;
		padding:0px;
		width:190px;
 }
 #uisTopPushdown{
  margin-top:3px;
  margin-left:3px;
	width:190px;
  border-collapse:collapse;
	border: 1px solid #484431;
 }
 
 #uisTopPushdown td a:hover, #uisTopPushdown td:hover a, #uisTopPushdown td:hover, #uisTopPushdown td.sfhover, #uisTopPushdown td.sfhover a{
   color: #B4AF92;
	 background-color: #484431;
 }


/* end pushdown navigation **/

#footer-nav a
{
	color: #6a5a4a;
	background-color: ;
	text-decoration: underline;
}
#footer-nav a:hover
{
	color: #6a5a4a;
	background-color: ;
	text-decoration: none;
}
.footer-nav-open
{
	font-weight: bold;
}

.breadcrumb
{
	font-weight: bold;
	text-align: justify;
	color: #42372B;
	padding: 10px 0px;
}
.breadcrumb a
{
	font-weight: normal;
	color: #372002;
	text-decoration: underline;
}
.breadcrumb a:hover
{
	text-decoration: none;
}

/*it looks like these should be top left and bottom area links, but they're used throughout so color has been removed*/
.leftnav a
{
	text-decoration: underline;
}
.leftnav a:hover
{
	text-decoration: none;
}

.leftnav1 a
{
	font-weight: bold;
}

/**these really are top left and bottom area links**/
.bgcommon a
{
	color: #6a5a4a;
	text-decoration: underline;
}
.bgcommon a:hover
{
	text-decoration: none;
}
/*forms design*/
.button
{
	color: #484431;
	border: 1px solid #484431;
	background-color: #B4AF92;
}
.button:hover
{
	color: #B4AF92;
	border: 1px solid #B4AF92;
	background-color: #484431;
}
.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: #484431;
	background-color: #B4AF92;
	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%;
}


/* Editor CSS*/

.info_text
{
	color: #42372B;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	line-height: 10pt;
	margin-bottom: 3px;
}
.succ_text
{
	color: #42372B;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	line-height: 10pt;
}
.errtext
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: red;
}



/*
SHOPPING CART CSS
*/
.disc
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #000000;
}
.success
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #2C9449;
	background-color: #DCF4D0;
	text-align: center;
	font-weight: bold;
}
.error
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	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,Courier,Times New Roman,Verdana;
	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,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #333333;
	text-align: center;
}

.price
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #FF0000;
	font-weight: bold;
}

.quantity input
{
	font-family: verdana, arial;
	font-size: 11pt;
	color: #333333;
	border: 1px solid #666666;
}
.heading1
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	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,Courier,Times New Roman,Verdana;
	color: #42372B;
	font-weight: normal;
	text-decoration: line-through;
}

.cart
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #42372B;
}

.cart a
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #42372B;
	text-decoration: none;
}

.cart a:hover
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #42372B;
	text-decoration: underline;
}

.leftnavheading
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 13px;
	color: #484431;
	text-decoration: none;
}

.cartheading
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 14px;
	color: #42372B;
	font-weight: bold;
	text-decoration: none;
}

.cartheading a
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 14px;
	color: #42372B;
	font-weight: bold;
	text-decoration: none;
}

.cartheading a:hover
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	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: #484431;
	border: 1px solid #484431;
	background-color: #B4AF92;
}
.newbutton:hover
{
	color: #B4AF92;
	border: 1px solid #B4AF92;
	background-color: #484431;
}
.outer-container
{
	background-color: #B4AF92;
	padding: 3px;
	width: 745px;
}
.inner-container
{
	background-color: ;
	padding: 3px;
}
h4.section-header
{
	color: #484431;
	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 #484431;
	text-align: left;
}
.checkout td
{
	font-size: 11pt;
}
.note
{
	font-style: italic;
	font-size: 80%;
}

th.note
{
	font-style: italic;
	font-size: 80%;
}

.newTextHeading
{
	color: #42372B;
}

.newText
{
	color: #42372B;
}

.newText a
{
	color: #372002;
	text-decoration: underline;
}

.newText a:hover
{
	color: #372002;
	text-decoration: none;
}

.newCartheading
{
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.newCartheading a
{
	color: #372002;
	text-decoration: underline;
}

td.newCartheading a
{
	color: #372002;
	text-decoration: underline;
}


.newCartheading a:hover
{
	text-decoration: none;
}

td.newCartheading a:hover
{
	text-decoration: none;
}


.newCart
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 12px;
	color: #000000;
}

.newCart a
{
	color: #372002;
	text-decoration: underline;
}

td.newCart a
{
	color: #372002;
	text-decoration: underline;
}

.newCart a:hover
{
	color: #372002;
	text-decoration: none;
}

td.newCart a:hover
{
	color: #372002;
	text-decoration: none;
}



/*
SHOPPING CART CSS ENDS HERE
*/


/*
CSS FOR SEARCH RESULT*/

.searchTitle
{
	background: #B4AF92;
	font-weight: bold;
	color: #484431;
}
td.searchTitle
{
	padding: 3px 0px 3px 3px;
}
.searchTitle a
{
	background: #B4AF92;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #484431;
	font-weight:bold;
	text-decoration:none;
}

.searchTitle a:hover
{
	background: #B4AF92;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #484431;
}
a.adminlink{
	font-weight:bold;
}
.searchResult
{
	color: #42372B;
}
.searchKey
{
	color: #484431;
	background: #B4AF92;
	font-weight: bold;
}
.tableHeader
{
	background: #B4AF92;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #484431;
}

.searchLinks
{
	color: #484431;
}

/**legacy css**/
.text
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: normal;
}
.tablerow
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
}
/*These are the classes that I think are not being used*/
.rightnav
{
	color: #372002;
}
.rightnav a
{
	color: #372002;
	text-decoration: underline;
}
.rightnav a:hover
{
	text-decoration: none;
}

.rightnav1 a
{
	font-weight: normal;
	color: #372002;
	text-decoration: none;
}

.imageborder
{
	border-color: ;
}
/*used?*/
.maintable
{
	background-color: #FFFFFF;
	border: 1px solid #ffe6b1;
}
.tablebornbg
{
	border: 1px solid #b5b29d;
	background-color: #e5e2cf;
}

.newsText
{
	color: #484431;
	text-decoration: none;
}

.newsLink
{
	color: #484431;
	text-decoration: underline;
}
.newsLink a
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #484431;
	text-decoration: underline;
}
.newsLink a:hover
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: ;
	text-decoration: underline;
}
.brcrmb
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #2a2a2a;
}
.brcrmb a
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #2a2a2a;
	text-decoration: none;
}
.mainTitle
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 24px;
	color: #7e110b;
	text-decoration: none;
}
.readmore
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #7e110b;
}
.footer
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	color: #FFFFFF;
	text-decoration: none;
}




/*
Jobs module CSS
*/

.jobheader
{
	background: #B4AF92;
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #484431;
}
.quicksearch
{
	border:solid 2px #B4AF92;
}

.jobheaderBgColor
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	background-color: #B4AF92;
}
.searchresults
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight:bold;
}

.tableHeading
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	font-weight:bold;
	color: #484431;
	background: #B4AF92;
}


.newsheaderBgColor
{
	font-family: Arial,Sans-serif,Courier,Times New Roman,Verdana;
	font-size: 11pt;
	background-color: #B4AF92;
}




/**::::::::::::::::::;CLASSIFIED Module CSS ::::::::::::::::*************************/
table{
	font-family: Verdena, Arial, Helvetica;
	font-size: 12px;
	}
input {font-family: Verdena, Arial, Helvetica; font-size: 11px;}
select {font-family: Verdena, Arial, Helvetica; font-size: 11px; }
form { display:inline;}
.box{
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px #003366;
	font-family: Verdena, Arial, Helvetica;
	}
table.body{
	padding: 5px;
	background-color: #FFFFFF;
	border-left: solid 1px #AFC6EB;
	border-top: 1px solid #FFFFFF;
	font-family: Verdena, Arial, Helvetica;
	}
table.body td{
	border-right: solid 1px #AFC6EB;
	border-bottom: 1px solid #AFC6EB;
	padding: 3px;
	}
table.body th{
	background-color: #cccccc;
	padding: 3px;
	border-right: solid 1px #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	}
.header_box {
	font-size: 12px;
	background-color:#646464;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left:  0px solid #FFFFFF;
	border-right:  0px solid #FFFFFF;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 10px;
}
.subheader_box {
	font-size: 13px;
	background-color:#9c9c9e;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding: 5px;
}
.subheader2_box {
	font-size: 12px;
	background-color:#cccccc;
	text-align: left;
	font-weight: normal;
	border-top: solid 0px #FFFFFF;
	border-right: solid 1px #AFC6EB;
}
.alternating_row_color1 {
	background-color: #FFFFFF;
	}
.alternating_row_color2 {
	background-color: #ceddf2;
}

input.btn{
   cursor: pointer;
   border:1px solid;
   background-color:#FFFFFF;
	  }
/**.footer {
	font-size: 11px;
	background-color:#003366;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}**/
.calloutA {
	border: 1px dotted #FF0000;
	background-color: #FFFFFF;
}
.calloutB {
	border: 1px dotted #FF0000;
	background-color: #FFFFCC;
}
.style1 {color: #FF0000; font-weight: bold;}
.style2 {font-size: 14px; font-weight: bold;}
.style3 {font-size: 10px}
.style4 {color: #FFFFFF; font-weight: normal;}
.style5 {color: #FFFFFF;}
.text_title_header {
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	text-align: left;
	vertical-align: text-bottom;
}
.text_title_subheader {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: text-bottom;
	color: #000000;
}
.text_title_subheader2 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: text-bottom;
	color: #000000;
}
.hotspot
{
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer;
}

#tt
{
    position: absolute;
    display: block;
    background: url(../../images/tt_left.gif) top left no-repeat;
}
#tttop
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../../images/tt_top.gif) top right no-repeat;
    overflow: hidden;
}
#ttcont
{
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #FFF;
}
#ttbot
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../../images/tt_bottom.gif) top right no-repeat;
    overflow: hidden;
}

/***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: #B4AF92;
 }
 .Answers
{
	width:40%;
}
.commentheading
{
    background:#B4AF92;
    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;
    
}
/*------------------- Tab Menu Manager ---------------------*/
.tabBox .tabs {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}

.tabBox .tabs li {
    float: left;
    list-style: none;
    margin: 0;
    /*padding: .25em .25em 0;*/
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
}

.tabBox .tabs li.selected {
    z-index: 3;
}

.tabBox .tabs a {
    float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;    
}

.tabBox .tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
}

.tabBox .tabs a:hover {
    /*background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);*/
    background-color:#EEEEFF;
}

.tabBox .content {
    clear: left;
    position: relative;
    z-index: 2;
    padding: 2em 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;    
}
.container
{
	float: left;
	/*width: 760px;*/
	line-height: normal;
	background: transparent;
}

.container .ui-tabs-nav
{
	overflow: hidden;
	_height: 23px; /* hack for IE to fix the 1px height difference */
	margin: 0;
	padding: 5px 10px 0 10px;
	list-style: none;
	/*background: #DDD url( 'img/tab_bg.gif' ) left bottom repeat-x;*/
	background: transparent;
}

.container .ui-tabs-nav li
{
	overflow: hidden;
	float: left;
	margin: 0;
	/*padding: 0 0 0 5px;*/
	/*background: url(../images/left_both.gif) left top no-repeat;*/
	border-bottom: 1px solid #A0A0A0;
}

.container .ui-tabs-nav li:hover
{
	color: #000;
	outline: none;
	background-color:#EEEEFF;
}

.container .ui-tabs-nav li a
{
	float: left;
	display: block;
	width: auto;
	/*padding: 3px 15px 3px 7px;*/
	text-decoration: none;
	font-weight: bold;
	color: #666;
	/*background: url(../images/right_both.gif) right top no-repeat;*/
}

.container .ui-tabs-nav li a:hover
{
	color: #000;
	outline: none;
	background-color:#EEEEFF;
}

.container li.ui-tabs-selected
{
	border: 0;
	background-position: 0 -150px;
}

.container li.ui-tabs-selected a
{
	padding-bottom: 4px;
	color: #000;
	outline: none;
	background-position: 100% -150px;
}

.container .ui-tabs-unselect
{
}

.container .ui-tabs-disabled
{
}

.ui-tabs-panel
{
	padding: 20px;
	min-height:200px;
	overflow:auto;
}

/* extras */
.ui-tabs-panel p
{
	padding: 5px 0;
}

.ui-tabs-panel ul
{
	margin-top: 10px;
	margin-left: 35px;
	list-style: none;
}

.ui-tabs-panel ul ul
{
	list-style: circle;
	margin-bottom: 10px;
}

.ui-tabs-panel ul li
{
}

.container .ui-tabs-hide
{
	display: none;
}
/*-------------------------------------------*/
/*********************Scroller Gallery Css**********/
.stepcarousel {
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    width: 100%;    
    background-color: ;
	color: #42372B;
}
.stepcarousel .belt {
    left: 0;
    position: absolute;
    top: 0;
}
.stepcarousel .panel {
    border: 10px solid #ffffff;
    color: #42372B;
    float: left;
    left: 5px;
    margin: 10px;
    overflow: hidden;
}
.arrImg
{
	background-color: #484431;
}
.caption
{	
/*	background-color: #B4AF92;
	color: #484431;*/
	display:block;
	font-size:12px;
	font-weight:bold;
	height:34px;	
	padding-top:8px;
	text-decoration:none;
	

}
/****************End ofScroller Gallery Css**********/


/****************End ofScroller Gallery Css**********/

/* Mobile navigation */

#uisMobileNav .nav a, #uisMobileNav .nav a:hover, #uisMobileNav .nav-open a, #uisMobileNav .nav-open a:hover
{
	text-decoration: none;
}

#uisMobileNav .level2 a
{
	padding-left: 5px;
	font-size:10px;
	font-weight:bold;
}
#uisMobileNav .level3 a
{
	padding-left: 10px;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}


#uisMobileNav a, #uisMobileNav a:visited, #uisMobileNav a:active
{
	text-decoration: none;
	color: #484431;
}

#uisMobileNav a:hover, #uisMobileNav .nav-open a, #uisTopMenu .nav-open a
{
	color: #B4AF92;
	background-color: #484431;
	text-align:center;

}
#uisMobileNav .nav-open, #uisTopMenu .nav-open
{
	color: #B4AF92;
	background-color: #484431;
		text-align:center;
	

}
#uisMobileNav td
{
	padding: 5px;
	border-bottom: 1px solid #484431;
	
}

#uisMobileNav td{
 padding-right:0px;
}
 #uisMobileNav td a{
    display:block;
		margin:0px;
		padding:0px;
		width:320px;
 }
 #uisMobileNav{
    padding-top:10px;
    margin-left:0px;
    width:320px;
    border-collapse:collapse;
	border: 1px solid #484431;
	
	text-align:center;
	font-size:200%;
	color: #484431;
	background-color: #B4AF92;
 }
 
 #uisMobileNav td a:hover, #uisMobileNav td:hover a, #uisMobileNav td:hover, #uisMobileNav td.sfhover, #uisMobileNav td.sfhover a{
   color: #B4AF92;
	 background-color: #484431;
 }

.mobilebgnav
{
	background-color: #B4AF92;
	color: #484431;
	font-size:200%;
}


/* end pushdown navigation **/













#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;}

#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 td {
	font-weight:bold;
}

#footer div {
	font-weight:bold;
}

	#footer a {color:#6A5A4A; text-decoration:none; font-weight:bold;}
	#footer a:hover {color:#000; text-decoration:underline;}

#menu {display:block; position:relative; top:140px; left:113px; width:145px; height:282px; 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.teamn {top:99px; left:0px;}
		#menu li.teamn a {background-position:0px -99px;}
		#menu li.teamn a:hover {background-position:-145px -99px;}
	
	#menu li.services {top:132px; left:0px;}
		#menu li.services a {background-position:0px -132px;}
		#menu li.services a:hover {background-position:-145px -132px;}
		
	#menu li.products {top:165px; left:0px;}
		#menu li.products  a {background-position:0px -164px;}
		#menu li.products a:hover {background-position:-145px -164px;}
		
	#menu li.packages {top:198px; left:0px;}
		#menu li.packages a {background-position:0px -198px;}
		#menu li.packages a:hover {background-position:-145px -198px;}
		
	#menu li.contact {top:230px; left:0px;}
		#menu li.contact a {background-position:0px -230px;}
		#menu li.contact a:hover {background-position:-145px -230px;}
	
/******* 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:-150px; 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;
}

.mobilebody{
	background:url(../images/mobilebody.png) left top repeat;
	height:auto;
	padding:5px;
	border:3px solid #6a5a4a;
}

.mobiletop{
	background:#e1d9c2;
	height:auto;
	padding:0px;
	margin:0px;
	/*border:3px solid #6a5a4a;*/
}
	
