/* Skin Care Cafe styling */

/*Palette
#e2e85b - Lime Green
#bec34c - Shading Green
#737170 - Grey
*/

body
{
	font-size: 8pt; /* Needs to be relative for font sizing by the user */
	font-family: 'Trebuchet MS', Verdana , Helvetica, Arial, Sans-Serif;
	color: #737170;
	background-color: #e2e85b;
	background-position: center center;
	background-image: url(images/shadow.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

td.shading_green
{
	background-color: #bec34c ;
}

td.grey
{
	background-color: #737170 ;
}

h2
{
	color: #e2e85b;
	padding: 0px;
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 0px;
}

p 
{
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

p.center
{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

p.top
{
	padding-top: 20px;
}

p.bottom
{
	padding-bottom: 40px;
}

p.table
{
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 20px;
}

p.table_divider
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

p.table_divider_bottom
{
	text-align: center;
	margin-bottom: 20px;
}

li
{
	list-style: none; 
	list-style-image: url(images/list_image.gif);
	list-style-position: inside;
	line-height: 175%;
	padding-left: 10px;
	vertical-align: baseline;
}

li.container
{
	list-style: none; 
	list-style-image: none;
	/*list-style-image: url(images/list_item.gif);*/
	list-style-position: inside;
	line-height: 175%;
	padding-left: 10px;
	vertical-align: baseline;
}

a:link, a:visited, a:active
{
	color: #bec34c;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

.first-letter 
{
	padding-right: 2px;
	padding-bottom: -5px;
	font-size: 175%;
	line-height: 100%;
	color: #e2e85b;
}

#wrapper
{
	background-position: center right;
	background-image: url(images/wrapper_bg_right.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 730px;
	margin: 0px auto;
}

.skincarecafe_text h1 
{
	background-image: url(images/header2.gif);
	background-position: bottom right; 
	background-repeat: no-repeat;
	text-align: right;
	width: 650px; 
	height: 63px;
	margin: 0px;
}

.skincarecafe_text h1 span 
{
	display: none;
}

.menu
{
	width: auto;
	margin-top: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #bec34c;
	font-size: 110%;
}

.menu a:link, .menu a:visited, .menu a:active
{
	color: #e2e85b;
	text-decoration: none;
}

.menu a:hover 
{
	text-decoration: underline;
}

.paragraph_divider
{
	background-image: url(images/yin_yang_divider.gif);
	background-position: center center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-bottom: 10px;
	height: 16px;
	width: 16px;
}

.image_left
{
	border: 1px solid #737170;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.image_right
{
	border: 1px solid #737170;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

.image
{
	border: 1px solid #737170;
}

/* Rounded Corners */
/*.north { background: url(images/north.gif) repeat-x top; }
.east { background: url(images/east.gif) repeat-y right; }
.south { background: url(images/south.gif) repeat-x bottom; }
.west { background: url(images/west.gif) repeat-y left; }
.ne { background: url(images/north_east.gif) no-repeat top right; width: 7px; height: 7px;}
.se { background: url(images/south_east.gif) no-repeat bottom right; width: 7px; height: 7px;}
.sw { background: url(images/south_west.gif) no-repeat bottom left; width: 7px; height: 7px;}
.nw { background: url(images/north_west.gif) no-repeat top left; width: 7px; height: 7px; }*/
.north { background: url(images/north2.gif) repeat-x top; }
.east { background: url(images/east2.gif) repeat-y right; }
.south { background: url(images/south2.gif) repeat-x bottom; }
.west { background: url(images/west2.gif) repeat-y left; }
.ne { background: url(images/north_east2.gif) no-repeat top right; width: 7px; height: 7px;}
.se { background: url(images/south_east2.gif) no-repeat bottom right; width: 7px; height: 7px;}
.sw { background: url(images/south_west2.gif) no-repeat bottom left; width: 7px; height: 7px;}
.nw { background: url(images/north_west2.gif) no-repeat top left; width: 7px; height: 7px; }
.rounded_container_auto {width: auto; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; text-align: justify; background-color: #e2e85b; }
.rounded_container_large {width: 600px; margin-top: 30px; margin-bottom: 10px; margin-left: 60px; margin-right: 20px; text-align: justify; background-color: #e2e85b; }

.main_contents_about
{
	width: 100%;
}

.main_contents_about h1 
{
	background-image: url(images/about_us_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 119px; 
	height: 23px;
}

.main_contents_about h1 span 
{
	display: none;
}

.main_contents_treatments
{
	width: 100%;
}

.main_contents_treatments h1 
{
	background-image: url(images/treatments_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 157px; 
	height: 23px;
}

.main_contents_treatments h1 span 
{
	display: none;
}

.main_contents_products
{
	width: 100%;
}

.main_contents_products h1 
{
	background-image: url(images/products_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 128px; 
	height: 29px;
}

.main_contents_newsletter h1 span 
{
	display: none;
}

.main_contents_newsletter
{
	width: 100%;
}

.main_contents_newsletter h1 
{
	background-image: url(images/newsletter_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 150px; 
	height: 23px;
}

.main_contents_energy_work h1 span 
{
	display: none;
}

.main_contents_energy_work
{
	width: 100%;
}

.main_contents_energy_work h1 
{
	background-image: url(images/tai_chi_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 80px; 
	height: 23px;
}

.main_contents_products h1 span 
{
	display: none;
}

.main_contents_contact
{
	width: 100%;
}

.main_contents_contact h1 
{
	background-image: url(images/contact_us_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 148px; 
	height: 23px;
}

.main_contents_contact h1 span 
{
	display: none;
}

.main_contents_friend h1 
{
	background-image: url(images/tell_a_friend_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 145px; 
	height: 23px;
}

.main_contents_friend h1 span 
{
	display: none;
}

.appetisers 
{
	background-image: url(images/appetisers_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 118px; 
	height: 20px;
}

.appetisers span 
{
	display: none;
}

.skin_care
{
	background-image: url(images/skin_care_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 98px; 
	height: 18px;
}

.skin_care span 
{
	display: none;
}

.experience_elixir
{
	/*background-image: url(images/experience_elixir_text.gif);*/
	background-image: url(images/skin_therapy_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 172px; 
	height: 20px;
}

.experience_elixir span 
{
	display: none;
}

.triple_treat
{
	background-image: url(images/triple_treat_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 168px; 
	height: 20px;
}

.triple_treat span 
{
	display: none;
}

.oxygen_facial
{
	background-image: url(images/oxygen_facial_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 146px; 
	height: 20px;
}

.oxygen_facial span 
{
	display: none;
}

.environ_facial
{
	background-image: url(images/environ_facial_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 217px; 
	height: 18px;
}

.environ_facial span 
{
	display: none;
}

.environ_treatments
{
	background-image: url(images/environ_treatments_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 197px; 
	height: 18px;
}

.environ_treatments span 
{
	display: none;
}

.skin_nutrition
{
	background-image: url(images/skin_nutrition_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 130px; 
	height: 18px;
}

.skin_nutrition span 
{
	display: none;
}

.back_treatment
{
	background-image: url(images/back_treatment_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 168px; 
	height: 18px;
}

.back_treatment span 
{
	display: none;
}

.eyes
{
	background-image: url(images/eyes_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 63px; 
	height: 18px;
}

.eyes span 
{
	display: none;
}

.hands_feet
{
	background-image: url(images/hands_feet_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 134px; 
	height: 18px;
}

.hands_feet span 
{
	display: none;
}

.hair_removal
{
	background-image: url(images/hair_removal_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 134px; 
	height: 18px;
}

.hair_removal span 
{
	display: none;
}

.oxygen_therapy
{
	background-image: url(images/oxygen_therapy_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 169px; 
	height: 20px;
}

.oxygen_therapy span 
{
	display: none;
}

.body_work
{
	background-image: url(images/body_work_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 117px; 
	height: 20px;
}

.body_work span 
{
	display: none;
}

.elixir_body
{
	background-image: url(images/elixir_body_text.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	width: 111px; 
	height: 20px;
}

.elixir_body span 
{
	display: none;
}

.copyright
{
	border-top: 1px dashed #bec34c;
	font-size: 90%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
}

/* Custom Menus innit */

.skin0
{
position: absolute;
left: 43.5%;
top: 50%;
border: 1px solid black;
background-color: menu;
font-size: 8pt;
color: #000000;
line-height: 20px;
cursor: default;
z-index: 100;
visibility: hidden;
}

.menuitems
{
padding: 5px 10px;
}

