@charset "UTF-8";
/** Global Styles **/

body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-top: 20px; padding-top: 20px; background-attachment: fixed; background-image: url(../_images-site/site-bg.gif); background-repeat: no-repeat; background-position: left top; }
p { font-size: 12px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h1 { font-size: 18px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h3  { font-size: 14px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: normal; }
	a:link,
	a:visited { color:#FF3300; text-decoration:none; }
	a:hover { color:#000000; text-decoration: underline; }
	a:active { color:#FF3300; }


/** Template Styles **/

#masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; overflow: visible; }
#masthead { background-image: url(../_images-site/site-chevron.gif); height: 32px; width: 900px; overflow: hidden; background-repeat: no-repeat; background-position: right; }
#logo { float: left; height: 32px; width: 440px; overflow: hidden; }
#telephone { float: right; height: auto; width: 300px; font-size: 20px; font-weight: bold; color: #FF6600; margin-right: 50px; }
#lowerContainer { height: auto; width: 900px; overflow: auto; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; }
#editableRegion { height: auto; width: 900px; overflow: auto; }


/** Navigation **/

#navContainer { height: 32px; width: 900px; overflow: hidden; background-image: url(../_images-site/site-chevron.gif); background-repeat: no-repeat; background-position: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
#nav { margin:0; padding:0; width:100%; float:left; }
#nav li { display:inline; padding:0; margin:0; }
	#nav a:link,
	#nav a:visited { color:#333333; float:left; width:auto; text-decoration:none; letter-spacing: .5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding-top: 7px; padding-right: 30px; padding-bottom: 7px; padding-left: 0px; }
	#nav a:hover { color:#FF6600; padding-top: 7px; padding-bottom: 7px; }
	#nav a:active { color:#333333; }


/** Baseline **/

#baseline { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; height: auto; width: 900px; margin-right: auto; margin-left: auto; clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: #333333; padding-top: 3px; }
	#baseline a:link,
	#baseline a:visited { color:#666666; text-decoration:none; font-weight: normal; }
	#baseline a:hover { color:#FF6600; font-weight: normal; }
	#baseline a:active { color:#666666; font-weight: normal; }


/** Index Page **/

#indexCol1 { float: left; height: 370px; width: 510px; }
#indexCol2 { float: right; height: 370px; width: 375px; overflow: hidden; background-image: url(../_images-pages/_index/idx-mainModel.jpg); background-repeat: no-repeat; background-position: right top; }
#indexCol2Intro { float: left; height: 340px; width: 200px; overflow: hidden; }
.serviceContainer { float: left; height: 115px; width: 115px; margin-right: 12px; margin-bottom: 12px; }

#servHair { background-image: url(../_images-pages/_index/idx-serv-hairSalon.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servBodyTreatments { background-image: url(../_images-pages/_index/idx-serv-bodyTreatments.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servTanning { background-image: url(../_images-pages/_index/idx-serv-tanning.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servHolistic { background-image: url(../_images-pages/_index/idx-serv-holisticTreatments.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servCosmetic { background-image: url(../_images-pages/_index/idx-serv-cosmeticConsultati.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servHandsFeet { background-image: url(../_images-pages/_index/idx-serv-feetNails.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servNailEnhancing { background-image: url(../_images-pages/_index/idx-serv-nailEnhancements.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servskinTreatments { background-image: url(../_images-pages/_index/idx-serv-dermalogicalTreatm.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servspecialPackages { background-image: url(../_images-pages/_index/idx-serv-specialPackages.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servEarPiercing { background-image: url(../_images-pages/_index/idx-serv-earPiercing.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servMen { background-image: url(../_images-pages/_index/idx-serv-mensTreatments.png); background-repeat: no-repeat; height: 115px; width: 115px; }
#servmonthlyOffers { background-image: url(../_images-pages/_index/idx-serv-monthlyOffers.png); background-repeat: no-repeat; height: 115px; width: 115px; }

.servText { height: 28px; width: 90px; color: #FFFFFF; margin-left: 5px; font-size: 11px; font-weight: bold; padding-top: 85px; line-height: 14px; }
	.servText a:link,
	.servText a:visited { color:#FFFFFF; text-decoration:none; font-weight: bold; }
	.servText a:hover { color:#FF6600; }
	.servText a:active { color:#FFFFFF; }


/** Treatments Pages **/

#standardTreatmentsCol1 { float: left; height: auto; width: 510px; }
#standardTreatmentsCol2 { float: right; width: 360px; overflow: hidden; height: auto; }
#standardTreatmentsCol3 { clear: both; height: auto; width: 900px; overflow: hidden; padding-top: 20px; }
.treatmentsUpper { height: 10px; width: 510px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; }
.treatmentsMid { background-image: url(../_images-pages/02.png); background-repeat: repeat-y; height: auto; width: 510px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.treatmentsLower { height: 10px; width: 510px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; overflow: hidden; }
.treatments h1 { font-size: 14px; font-weight: bold; color: #FFFFFF; padding-bottom: 8px; }
.treatments p { font-size: 12px; font-weight: normal; color: #FFFFFF; margin-bottom: 3px; padding-bottom: 3px; }
.treatmentsPrice { font-size: 12px; font-weight: bold; color: #FF6600; width: 75px; padding-bottom: 3px; padding-left: 5px; }
.treatments { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; height: 30px; }

#treatmentsList li { display: inline-block; list-style-type: none; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #333333; width: 200px; font-weight: bold; height: auto; }
	#treatmentsList a:link,
	#treatmentsList a:visited { color:#333333; text-decoration:none; font-weight: bold; }
	#treatmentsList a:hover { color:#FF6600; }
	#treatmentsList a:active { color:#333333; }


/** Therapists Page **/

#therapistsCol1 { float: left; height: auto; width: 570px; overflow: auto; }
#therapistsCol2 { float: right; height: auto; width: 300px; overflow: auto; }
#therapistsContainer { height: 90px; width: 550px; padding: 3px; overflow: visible; clear: both; }
.therapistImg { float: left; height: 80px; width: 80px; border: 1px solid #666666; }
.therapistProfile { padding: 3px; float: right; width: 440px; height: auto; }


/** Products Page **/

#productsCol1 { float: left; height: auto; width: 300px; overflow: hidden; }  
#productsCol2 { float: right; height: auto; width: 570px; overflow: auto; }.productContainer { float: left; height: 120px; width: 120px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #F6F6F6; }


/** Offers Page **/

#offerCol1 { float: left; height: auto; width: 300px; overflow: auto; }
#offerCol2 { float: right; height: auto; width: 570px; overflow: auto; }
#offerCol2 p { font-size: 12px; font-weight: normal; color:#333; }
h3.offerCol2 { font-size:14pz; color: #CC0066; margin-top:5px; }
.offerPrice { font-size: 18px; font-weight: bold; color: #FF6600; width: 75px; padding-bottom: 3px; padding-left: 5px; }
.pinkfriday { font-size: 18px; font-weight: bold; color: #F06; width: 75px; padding-bottom: 3px; padding-left: 5px; }


/** Contact Page **/

#contactCol1 { float: left; height: auto; width: 570px; overflow: auto; }
#contactCol2 { float: right; height: auto; width: 300px; overflow: auto; }
.openingHours { font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; }