/* CSS Document */
/*author Babi Szolosi*/

/*normalises margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:			0;
	padding:		0;
}

/*normalises font-size for headings*/
h1, h2, h3, h4, h5, h6 {
	font-size:		100%;
}

/*removes list-style from lists*/
ol, ul {
	list-style:		none;
}

/*normalises font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:		normal;
	font-weight:	normal;
}

/*removes borders and spacing from tables*/
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

/*removes border from fieldset and img*/
fieldset, img {
	border:			0;
}

/*left aligns text in caption and th*/
caption, th {
	text-align:		left;
}

/*removes quotation marks from q*/
q:before, q:after {
	content:		'';
}
/***************************************************************************/
/***************************************************************************/
/*the red is #8d0223*/

html {
	text-align:		center;
	background:		transparent url(images/bg6.jpg) repeat-y 50% 0; 
	
	}

body {
	position:		relative;
	width:			60em;
	max-width:		1500px;
	min-height:		1000px;
	font:			100%/1.4   "Lucida Sans Unicode", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	margin:			auto;
	text-align:		left;
	background-color:		#fff;
	border:			1px #ccc solid;
	z-index:		1;
	padding-bottom:	2em;
}

body .about_us, body .contact_us{
	background:		#fff url(images/header_bg8.jpg) no-repeat 100% 0;
}
body .body_therapy, body .products_gernetic, body .specialised, body .products{
	background:		#fff url(images/header_bg7.jpg) no-repeat 100% 0;
}
body .facial, body .products_phytobiodermie, body .toolbox {
	background:		#fff url(images/header_bg4.jpg) no-repeat 100% 0;
}
body .ipl_therapy, body .gift_vouchers, body .products_babor {
	background:		#fff url(images/header_bg1.jpg) no-repeat 100% 0;
}
body .electrolysis_diathermy, body .tanning, body .specialised  {
	background:		#fff url(images/header_bg3.jpg) no-repeat 100% 0;
} 
body .products_sircuit, body .specials, body .services, body .site_map {
	background:		#fff url(images/header_bg5.jpg) no-repeat 100% 0;
}
body .waxing_tinting, body .packages, body .terms, body .products_beaute_pacifique {
	background:		#fff url(images/header_bg6.jpg) no-repeat 100% 0;
}
body .index_page {
	/*background:		#fff url(images/header_bgxmas.jpg) no-repeat 100% 0;*/
	}
#container {
	z-index:			2;
}
h1 {
	background:		transparent url(images/salon_logo.png) no-repeat 13px -40px; 
	height:			107px;
	width:			570px;
	text-indent:	-9999px;
}
h2 {
	font:			200%  /*"Liberation Sans",*/"Franklin Gothic Medium Cond",  "Arial Rounded MT Bold", "Blue Highway", arial, helvetica, sans-serif;
	font-weight:	bold;

}
h2, h4 {
	color:			#8d0223;
}
h4 {
	position:		relative;
}
h5 {
	padding-top:	2em;
}
h3 {
	position:		relative;
	font:			125%   "Liberation Sans", Constantia, Calluna, serif;
	font-weight:	bold;
	line-height:	110%;
	padding:		1em 0 1em 2.4em;
	margin-left:	-2.4em;
	background:		transparent url(images/corner_fade.jpg) no-repeat -10px 0;
}
h3 span {
	/*font:			120%  Amienne,  Vivaldi, Pristina, Harrington, cursive; */
	font-size:		80%;
	font-weight:	lighter;
	padding-left:	5%;
}
blockquote p {
	text-align:		left;
	font:			180%/1.4  "Edwardian Script ITC",  Amienne, Vivaldi, Pristina, Harrington, cursive; 
	margin-left:	1em;

}
blockquote {
}
#content_main {
	padding:		2em 0 2em 2.5em;
	width:			60%;
	text-align:		justify;
}
#content_main p {
	padding-bottom:	1em;
}
.index_page #content_main, .site_map #content_main {
	width:			90%;
}
#nav_main, #site_info {
	width:			98%;
	margin:			0 0 0 -6px;
	padding:		0.5em 1em 0.5em 1em;
	height:			2em;
	list-style:		none;
	top:			80px;
	z-index:		3;
	background:		#8d0223 url(images/gradient.png) repeat-x bottom left;
}
#site_info p{
/*	height:			3em;
	padding:		0.5em;
	font-weight:	bold;*/
	
	font-size:		0.8em;
	color:			#fff;
}
#nav_main li {
	float:			left;
	position:		relative;
	width:			auto;
	z-index:		4;
	padding:		0.2em 0 0 2em;

}
#nav_main li ul {
	display:		none;
	position:		absolute;
	top:			1.48em;
	left:			0.5em;
	background-color:#8d0223;
	z-index:		5;
	/* for IE
  filter:alpha(opacity=80); */
  /* CSS3 standard 
  opacity:0.8;*/
}
#nav_main li ul li {
	border-bottom:	#70061e dashed 1px; 	
	width:			13em;
	font-size:		0.9em;
	padding:		0.5em 0 0.5em 1.5em;
	z-index:		6;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#nav_main li ul li #sircuit_menu,
#nav_main li ul li #gernetic_menu,
#nav_main li ul li #phytobiodermie_menu,
#nav_main li ul li #beaute_pacifique_menu,
#nav_main li ul li #babor_menu
  {
	display:		none;
	font-size:		1.1em;	
	position:		absolute;
	top:			-0.1em;
	left:			13.15em;
	width:			13em;
	z-index:		8;
}
/*
#nav_main li ul li #gernetic_menu li ul #gernetic_skin_menu  {
	display:		none;
	font-size:		1.1em;	
	position:		absolute;
	top:			-0.1em;
	left:			26.15em;
	width:			13em;
	z-index:		9;
}
*/
#nav_main li ul li #facial_menu,
#nav_main li ul li #body_therapy_menu

  {
	display:		none;
	font-size:		1.1em;	
	position:		absolute;
	top:			-0.1em;
	left:			13.15em;
	width:			13em;
	z-index:		7;
}
/*
#nav_main li ul li #facial_menu li ul #facial_gernetic_menu  {
	display:		none;
	font-size:		1.1em;	
	position:		absolute;
	top:			-0.1em;
	left:			26.15em;
	width:			13em;
	z-index:		9;
}
*/


#nav_main li ul li #gernetic_menu,
#nav_main li ul li #gernetic_menu li ul #gernetic_skin_menu,
#nav_main li ul li #facial_menu,
#nav_main li ul li #body_therapy_menu
{
	text-indent:	2em;
}


.arrow {
	position:		absolute;
	left:			11em;

}
#nav_main li ul li #sircuit_menu li, 
#nav_main li ul li #gernetic_menu li,
#nav_main li ul li #phytobiodermie_menu li,
#nav_main li ul li #beaute_pacifique_menu li,
#nav_main li ul li #babor_menu li,
#nav_main li ul li #gernetic_menu li #gernetic_skin_menu li,
#nav_main li ul li #facial_menu,
#nav_main li ul li #body_therapy_menu 
 {
	border-bottom:			#70061e dashed 1px; 	

}

#nav_main li ul li:hover #sircuit_menu, 
#nav_main li ul li.over #sircuit_menu, 
#nav_main li ul li:hover #babor_menu, 
#nav_main li ul li.over #babor_menu, 
#nav_main li ul li:hover #gernetic_menu, 
#nav_main li ul li.over #gernetic_menu,
#nav_main li ul li:hover #gernetic_menu li:hover #gernetic_skin_menu,  
#nav_main li ul li:hover #gernetic_menu li.over #gernetic_skin_menu,
#nav_main li ul li:hover #phytobiodermie_menu, 
#nav_main li ul li.over #phytobiodermie_menu,
#nav_main li ul li:hover #beaute_pacifique_menu, 
#nav_main li ul li.over #beaute_pacifique_menu,
#nav_main li ul li:hover #facial_menu, 
#nav_main li ul li.over #facial_menu,
#nav_main li ul li:hover #body_therapy_menu,
#nav_main li ul li.over #body_therapy_menu
  {
	display:		block;
}

#nav_main li a {
	color:			#fff;
	padding-right:		1em;
}

#site_info a {
	padding-left:	2em;	
	color:			#ccc;
	}
#nav_main li a:visited {
	color:			#fff;

}
#nav_main li a, #nav_main li a:visited, #site_info a, #site_info a:visited {
	border-bottom: 		none;
	text-decoration:	none;
	/*font-weight:		bold;font-weight:		bold;*/
}
#nav_main li:hover, #site_info a:hover {

	text-decoration:	none;
}

#nav_main li:hover ul, #nav_main li.over ul {
	display:			block;
	z-index:			9;
 	width:				auto;

  }


#nav_main li:hover ul li, #nav_main li.over ul li {
	z-index:		6;
	}
#nav_main li:hover ul li a:hover , #nav_main li.over ul li a:hover  {
	color:				#fff;
}
#site_info a:hover {
	color:				#000;
}
#nav_main li:hover ul li:hover {
	/*background-color:	#f1f1f3;padding-left:		2em;*/
	background:		transparent url(images/gradient.png) repeat-x bottom left;
}
	
.active_link {
	
	padding-right:		2em;
	text-decoration: 	none;
	font-weight:		bold;
	color:				#d3af51;
	} 
#products_separate, #services_separate, #toolbox_separate {
	font-weight:		bold;
	color:				#d3af51;
	} 	
	
#content_sub {
	position:			absolute;
	top:				85%;
	left:				70%;
}
#content_sub ul li h3 {
	color:			#8d0223;
}
#address, form {
	border:				1px #ccc solid;
	padding:			1em;
	margin:				0.5em;
}
#content_main ul li {
	padding:			1em;
	border:			1px #ccc solid;
	margin:				1em 0 1em 0;
}
#content_main ul li ul li,#content_main ul.details  li {
	padding:			0;
	border-style:		none;
	margin:				0.5em 0 0.5em 0;
}
#content_main ul.details li {
	list-style-image:url(images/bullet.jpg);
	margin-left:		2.5em;
	padding-left:		0.5em;
}
.price {
	position:			absolute;
	left:			430px;
	color:			#8d0223;
	font-weight:	normal;
}
.duration {
	position:		absolute;
	left:			300px;
	color:			#8d0223;

}
.type {
	position:		absolute;
	left:			0;
	top:			1.5em;
	font-weight:	normal;
}
.description {
	padding-top:	2em;
}
li h4 img {
	position:		absolute;
	left:			110%;
}
.specialised li h4 img, .products_gernetic li h4 img, .waxing_tinting li h4 img, .products_beaute_pacifique li h4 img {
	top:			-1em;
}
h3 img {
	position:		absolute;
	left:			105%;
	top:			0;
}
h2 img {
	position:		absolute;
	left:			67%;
	top:			7.5em;

}
strong {
	font-weight:	bold;
}
.top {
	position:	relative;
	left:			72%;
	background:			transparent url(images/filigree5.jpg) no-repeat 22% 90%;
	margin:	2em 0 2em 0;
}
.top a {
	text-decoration:	none;
	font-weight:		bold;
	color:				#8d0223;

}
.odd {
	background-color:		#f1f1f3;
}
.contact_us #content_main ul, .contact_us #content_main ul li {
	border-style:none;
	margin:			0;
	padding:		0;
}
 p.map {
	padding:			1em 0 1em 0;
}
.map img {
	border:				1px #ccc solid;
}

#content_main .text_link {
	text-decoration:	none;
	font-weight:	bold;
	color:			#8d0223;
}
em {
	position:		relative;
	font-size:		120%;
	color:			#d3af51;
	text-shadow:	Gray 1px 1px;
}
.products_phytobiodermie h4 img {
	position:		absolute;
	top:			-1em;
	left:			110%;
}
.skinny_pic {
	left:			120%;
}
.skinny_pic_more {
	left:			125%;
}
#content_main .product_categories, #content_main .service_categories {
	margin-left:	3em;
	/*list-style-image:url(images/bullet_grey.gif);*/
}
#content_main .product_categories li, #content_main .service_categories li, #content_main .toolbox_list li {
	padding:		0;
	border-style:	none;
}
#content_main .product_categories li a, #content_main .service_categories li a {
	text-decoration:	none;
	color:				#8d0223;
	font-weight:		bold;
}

#content_main .product_subcategories, #content_main .service_subcategories {
	margin-left:	2em;
}
#content_main .product_subcategories li a,  #content_main .service_subcategories li a {
	text-decoration:	none;
	color:				#000;
	font-weight:		normal;
}
.products #content_main .top, .facial #content_main .top  {
	margin-top:			5em;
}
#sample_kits {
	height:			790px;
}

#sample_kits li {
	height:			380px;
}
.product_list {
	margin-bottom:	4em;
}
#face_products, #body_products, #elements_pics {
	position:		relative;
}
#elements_pics {
	position:	relative;
	margin-bottom:	5em;

	background-image:none;
	height:		163px;

}
#elements_pics li {
	float:			left;
	width:			14.4%;
	padding:		0;
	margin:			0;
}
#elements_pics #wood, #elements_pics #fire, #elements_pics #earth, #elements_pics #metal, #elements_pics #water {
	border-style:	none;
}
#elements_pics li a img {
	position:	relative;
	top:		-1em;
	left:		-1em;
	padding:		0;
	margin:			0;
}
#products_by_categories {
	position:	relative;
	width:		100%;
	height:		45em;

	margin-bottom:	2em;
}
#face_products {
	position:	absolute;
	left:		0;
	width:		35%;
	padding:	1em 3em 1em 0;
	border-right:	#ccc 1px solid;

}
#body_products {
	position:	absolute;
	top:		0;
	left:	55%;
	width:	35%;
	padding:	1em 3em 1em 3em;

}
 #products_by_categories ul li {
	border-style:	none;
	padding:		0;
}
 #products_by_categories ul li a, h4 a {
 	text-decoration:	none;
	font-weight:	bold;
	color:			#8d0223;
 }
h4 a 
  {
	font-size:		120%;
	color:			#d3af51;
	text-shadow:	Gray 1px 1px;
}	
	
#body_products ul, #face_products ul {
	padding-bottom:	0.1em;
	background:	transparent url(images/corner_bg.jpg) no-repeat 100% 100%; 	
 }
#sun_protection {
	position:		relative;
	top:			40em;
}
#sun_protection a {
	font-size:		120%;
	color:			#d3af51;
	text-decoration:	none;
	text-shadow:	Gray 1px 1px;
}
p#gift_voucher_img  {
	padding:		1em 0 1em 0;
}

.products_beaute_pacifique .product_list li {
	min-height:	380px;
}
#valentine img {
	position:		fixed;
	left:			10%;
	top:			40%;
	
	}
	
#valentine p {
	font:			1.2em  "Constantia", fantasy;	
	color:			#e72413;
	}
	#valentine {
	/*border:			3px #e72413 ridge;*/
	padding-top:		1em;
		}
#site_map {
	padding-left:	2em;
	/*width:			98%;*/
	background:		transparent url(images/gernetic9.jpg) no-repeat 100% 0%;
	}
#site_map a {
	text-decoration:	none;
	color:		#000;
	}
.site_map #site_info {
	width:		98%;
	}
.note {
	font-size:	0.9em;
	font-weight:	bold;
	}
#new_to_salon {
	position:	absolute;
	top:		20%;
	left:		60%;
	padding:	1em;
	}
#new_to_salon p {
	font:		5em 'SteelfishRg-Regular', fantasy;
	}
#new_to_salon ul {
	position:	absolute;
	top:		22%;
	left:		43%;
	
	}
#new_to_salon ul li {
	border:	none;
	padding:	0;
	line-height:	0.5em;
	}
#new_to_salon #applisonix_text {
	position:		absolute;
	top:		60%;
	left:		1em;
	font:			100%/1.4   "Lucida Sans Unicode", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;	
	color:			#8d0223;

	}	
#new_to_salon #applisonix_text a:link, #new_to_salon #applisonix_text a:visited, #new_to_salon #applisonix_text a:hover {
	padding-top:	3em;
	text-decoration:	none;
	font-weight:	bold;
	color:			#8d0223;
	}