/* CSS Document */

.arrowlistmenu{

	width: 180px;

	MARGIN-LEFT: 0px;

}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

	font: bold 14px Arial;

	color: #86A960;

	background: #EBE2D1 url(../images/mainInner/arrowstop.jpg) no-repeat 13px 6px; /*last 2 values are the x and y coordinates of bullet image*/

	margin-bottom: 6px; /*bottom spacing between header and rest of content*/

	TEXT-ALIGN: left;

	padding: 4px 0 4px 40px; /*31px is left indentation of header text*/

	cursor: hand;

	cursor: pointer;

}

.menuheader a{

	font: bold 14px Arial;

	color: #86A960;

	TEXT-DECORATION: none;

}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

	background: #E0E2C8 url(../images/mainInner/arrowstop.jpg) no-repeat 13px 6px;

	color: #A67c52;

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

	list-style-type: none;

	margin: 0;

	padding: 0;

	margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

	padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/

	background: #F7F7F4 !important;

}



.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/

	background: #F7F7F4 !important;

}



.arrowlistmenu ul li a{

	color: #A3A886;

	background: url(../images/mainInner/arrowbullet.jpg) no-repeat center left; /*custom bullet list image*/

	display: block;

	padding: 2px 0;

	padding-left: 28px; /*link text is indented 19px*/

	text-decoration: none;

	font-weight: bold;

	border-bottom: 1px solid #D4D4D2;

	font-size: 12px;

	TEXT-ALIGN: left;

}



.arrowlistmenu ul li a:visited{

	color: #A3A886;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

	background-color: #FAE9AF;

}



.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/

	background: #F7F7F4;

}





/* third menu level */

.arrowlistmenu .advancedSkinCareMenu li a,
.arrowlistmenu .BodyTreatmentsMenu li a, 
.arrowlistmenu .BotoxMenu li a, 
.arrowlistmenu .LightTherapyMenu li a, 
.arrowlistmenu .HairRemovalMenu li a, 
.arrowlistmenu .AyurvedicServicesMenu li a, 
.arrowlistmenu .FitnessProgramsMenu li a,
.arrowlistmenu .SpecializedMedicalMenu li a,
.arrowlistmenu .IntegrativeSpaMenu li a, 
.arrowlistmenu .SpaPackagesMenu li a   {

	background: none;

	color: #436822;

	display: block;

	padding: 1px 0;

	padding-left: 41px;

	text-decoration: none;

	font-size: 11px;

	font-weight: normal;

	TEXT-ALIGN: left;

	border: none;

}

.arrowlistmenu .AppointmentsMenu li a, .arrowlistmenu .MapsMenu li a, .arrowlistmenu .NovaConnectionMenu li a {

	background: none;

	color: #436822;

	display: block;

	padding: 1px 0;

	padding-left: 41px;

	text-decoration: none;

	font-size: 11px;

	font-weight: normal;

	TEXT-ALIGN: left;

	border: none;

}

.arrowlistmenu .advancedSkinCareMenu li a:visited, 
.arrowlistmenu .BodyTreatmentsMenu li a:visited, 
.arrowlistmenu .BotoxMenu li a:visited, 
.arrowlistmenu .LightTherapyMenu li a:visited, 
.arrowlistmenu .HairRemovalMenu li a:visited, 
.arrowlistmenu .AyurvedicServicesMenu li a:visited,
.arrowlistmenu .FitnessProgramsMenu li a:visited,
.arrowlistmenu .SpecializedMedicalMenu li a:visited,
.arrowlistmenu .IntegrativeSpaMenu li a:visited,
.arrowlistmenu .SpaPackagesMenu li a:visited   {

	color: #436822;

}

.arrowlistmenu .AppointmentsMenu li a:visited, .arrowlistmenu .MapsMenu li a:visited, .arrowlistmenu .NovaConnectionMenu li a:visited {

	color: #436822;

}

.arrowlistmenu .advancedSkinCareMenu li a:hover, 
.arrowlistmenu .BodyTreatmentsMenu li a:hover, 
.arrowlistmenu .BotoxMenu li a:hover, 
.arrowlistmenu .LightTherapyMenu li a:hover, 
.arrowlistmenu .HairRemovalMenu li a:hover, 
.arrowlistmenu .AyurvedicServicesMenu li a:hover, 
.arrowlistmenu .FitnessProgramsMenu li a:hover, 
.arrowlistmenu .SpecializedMedicalMenu li a:hover,
.arrowlistmenu .IntegrativeSpaMenu li a:hover,
.arrowlistmenu .SpaPackagesMenu li a:hover    { /*hover state CSS for sub menu header*/

	text-decoration: underline;

	background: #F7F7F4 !important;

}

.arrowlistmenu .AppointmentsMenu li a:hover, .arrowlistmenu .MapsMenu li a:hover, .arrowlistmenu .NovaConnectionMenu li a:hover { /*hover state CSS for sub menu header*/

	text-decoration: underline;

	background: #F7F7F4 !important;

}
