@import url(common.css);

/* ================================
smaller fonts for english pages */
.sb p{line-height:1.5em !important;}
/* =============================== */

#header {
	}
	
ul#nav a{
	background-image:  url(images/en/gnavi/gnavi.jpg);
	}

#nav li#home, #nav li#home a {width:95px}
#nav li#services, #nav li#services a {width:114px}
#nav li#cosmetics, #nav li#cosmetics a {width:114px}
#nav li#news, #nav li#news a {width:103px}
#nav li#salon, #nav li#salon a {width:149px}
#nav li#about, #nav li#about a {width:149px}

#nav li#home a {background-position:0 0;}
#nav li#services a {background-position:-96px 0;}
#nav li#cosmetics a {background-position:-212px 0;}
#nav li#news a {background-position:-327px 0;}
#nav li#salon a {background-position:-432px 0;}
#nav li#about a {background-position:-582px 0;}

#nav li#home a:hover {background-position:0 -25px;}
#nav li#services a:hover {background-position:-96px -25px;}
#nav li#cosmetics a:hover {background-position:-212px -25px;}
#nav li#news a:hover {background-position:-327px -25px;}
#nav li#salon a:hover {background-position:-432px -25px;}
#nav li#about a:hover {background-position:-582px -25px;}

/* page headers */
.about .sectiontitle {background-image: url(images/en/sections/headers/about.jpg);}
.salon .sectiontitle {background-image: url(images/en/sections/headers/salon.jpg);}
.menu .sectiontitle {background-image: url(images/en/sections/headers/menu.jpg);}
.treatment .sectiontitle {background-image: url(images/en/sections/headers/treatment.jpg);}
.sitemap .sectiontitle {background-image: url(images/en/sections/headers/sitemap.jpg);}
.journal .sectiontitle {background-image: url(images/en/sections/headers/journal.jpg);}
.news .sectiontitle {background-image: url(images/en/sections/headers/news.jpg);}
.diary .sectiontitle {background-image: url(images/en/sections/headers/diary.jpg);}
.testimonials .sectiontitle {background-image: url(images/en/sections/headers/testimonials.jpg);}

/********************************
     SECTIONS
*********************************/

/* ABOUT */
.about h3.h01 {height:55px; width:500px; margin:10px 0; padding:0; background: url(images/en/about/h01.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
.about h3.h02 {height:55px; width:500px; margin:10px 0; padding:0; background: url(images/en/about/h02.gif) no-repeat top left; text-indent:-5000em; overflow: hidden;}
#profile h3 {margin:0; padding:0 0 0; font-size:1em; width:135px; height:25px; background: url(images/en/about/h_profile.gif) no-repeat top left; text-indent:-5000em; display:block; overflow: hidden;}

/* TREATMENT */
.sb-info h4.counselling {background-image: url(images/en/treatment/h_counselling.gif);}
.sb-info h4.massageoil {background-image: url(images/en/treatment/h_massagingoil.gif);}
.sb-info h4.boucher {background-image: url(images/en/treatment/h_boucher.gif);}
.sb-info h4.ion-machine {background-image: url(images/en/treatment/h_ion_machine.gif);}
.sb-info h4.sun-protection {background-image: url(images/en/treatment/h_sun_protection.gif);}
.sb-info h4.wrinkles {background-image: url(images/en/treatment/h_wrinkles.gif);}
.sb-info h4.odt {background-image: url(images/en/treatment/h_odt.gif);}
.sb-info h4.detox {background-image: url(images/en/treatment/h_detox.gif);}
.sb-info h4.sweat {background-image: url(images/en/treatment/h_sweat.gif);}
.sb-info h4.celllight {background-image: url(images/en/treatment/h_celllight.gif);}


.facial .seedetails a,
.body-treatment .seedetails a {
	background-image:url(images/en/seedetails.gif);
}

.treatment div.treatmentmenu h3.facial a {background-image: url(images/en/treatment/s_facial.jpg);}
.treatment div.treatmentmenu h3.body a {background-image: url(images/en/treatment/s_body.jpg);}
.treatment div.treatmentmenu h3.eyelashes a {background-image: url(images/en/treatment/s_eyelashes.jpg);}
.treatment div.treatmentmenu h3.bridal a {background-image: url(images/en/treatment/s_bridal.jpg);}
.treatment div.treatmentmenu h3 a:hover {background-position:0 -52px;}

.treatment.facial #content h2.pagetitle {background-image:url(images/en/treatment/h_facial.gif);}
.treatment.body-treatment #content h2.pagetitle {background-image:url(images/en/treatment/h_body.gif);}
.treatment.body-treatment #content .menu-title#detox a,
.treatment.body-treatment #content .menu-title#detox span {background-image:url(images/en/treatment/body_detox.gif);}
.treatment.body-treatment #content .menu-title#detox-and-thalasso a,
.treatment.body-treatment #content .menu-title#detox-and-thalasso span {background-image:url(images/en/treatment/body_detox_and_thalasso.gif);}
.treatment.eyelashes #content .menu-title {background-image:url(images/en/treatment/eyelashes.gif);}


.treatment.facial .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/en/treatment/h_facial.gif) no-repeat left top;}
.treatment.body .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/en/treatment/h_body.gif) no-repeat left top;}
.treatment.eyelashes .pagetitle {display:block; width:400px; height:95px; text-indent:-5000em; background:transparent url(images/en/treatment/h_eyelash.gif) no-repeat left top;}
.treatment.bridal .pagetitle {display:block; width:240px; height:40px; text-indent:-5000em; background:transparent url(images/en/treatment/bridal/bridal_title.gif) no-repeat left top;}



/* bridal */

.bridal h3 span {
	background-image: url(images/en/treatment/bridal/bridal_title.gif);
	}
	




form.addtocart input.button,
.product-list form.addtocart input.button,
ul.continue-proceed li.proceed-to-checkout a,
.eshopform input#submitit,
.checkout-submit #ppsubmit  {
	background-position: left -45px;
	}