/******************************************************************************
 * Lotus Health and Beauty - Generic Style
 *****************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	width:708px; margin:20px auto 0px auto; padding:0px;
	color:#444444; text-align:center;
	background-image: url(../images/body_bg_05.jpg);
}

/******************************************************************************
 * GENERIC FORMATTING
 *****************************************************************************/
p { color:#444444; font-size:12px; }

p.right { text-align:right; }

img { border:none; }

.accessibility { display:none; }

a { color:#27238C; }

a:hover { color:#C02D2C; }

span.treatment { color:#27238C; font-weight:bold; }

p span.danger { color:red; font-weight:bold; }

span.free { font-style:italic; font-weight:bold; color:#27238C; }
span.treat { font-weight:bold; }

p.offerDetail {
	font-size:10px;
}

/******************************************************************************
 * GENERIC LAYOUT
 *****************************************************************************/
#outer {
	position:relative; float:left; width:708px; background-color:#ffffff;
	border:1px solid #D1D1CF;
}

#header {
	position:relative; float:left;
	width:708px; height:158px;
	background-image: url(../images/header_bg_02.jpg); background-repeat: no-repeat;
}

#header img.printLogo { display:none; }

#header p.address { display:none; }

#header a#logoLink {
	position:absolute; right:0px; top:15px;
	width:250px;
}

#header a#brochureDownload {
	position:absolute; left:0px; top:0px; width:236px; height:28px;
	background-image: url(../images/brochureDownload_02.jpg); background-repeat: no-repeat;
	/* position:absolute; right:0px; bottom:0px; width:236px; height:28px; */
	/* background-image: url(../images/brochureDownload.jpg); background-repeat: no-repeat; */
}

#header a#brochureDownload span { display:none; }

#mainContent {
	position:relative; float:left;
	background-image: url(../images/mainContent_bg.jpg);
	background-repeat: repeat-x; padding:20px;
}

#mainContent_border {
	position:relative; float:left;
	background-image: url(../images/mainContent_bg.jpg);
	background-repeat: repeat-x;
	border-top:1px solid #D1D1CF; padding:20px;
}

/******************************************************************************
 * NAVIGATION
 *****************************************************************************/
#navigation {
	position:relative; float:left;
	height:29px; width:708px;
	border-top:1px solid #D1D1CF; border-bottom:1px solid #D1D1CF;
	background-image: url(../images/navigation_bg.jpg);
	background-repeat: no-repeat; background-position:0px 0px;
}

#navigation ul {
	list-style-type:none;
	margin:0px; padding:0px;
}

#navigation ul li {
	float:left; margin:0px; padding:0px;
	border-right:1px solid #D1D1CF;
}

#navigation ul li.contactUs { border-right:none; }

#navigation ul li a {
	display:block; width:141px; height:29px;
    background-repeat: no-repeat; background-position:0px 0px;
}

#navigation ul li.contactUs a { width:139px; }

#navigation ul li a span { display:none; }

#navigation ul li.home a { background-image: url(../images/navHome.jpg); }
#navigation ul li.theSalon a { background-image: url(../images/navTheSalon.jpg); }
#navigation ul li.treatments a { background-image: url(../images/navTreatments.jpg); }
#navigation ul li.products a { background-image: url(../images/navProducts.jpg); }
#navigation ul li.contactUs a { background-image: url(../images/navContactUs.jpg); }
#navigation ul li.specialOffers a { background-image: url(../images/navSpecialOffers.jpg); border-left:1px solid #D1D1CF; }

#navigation ul li a:hover { background-position:0px -29px; }

/******************************************************************************
 * HOME PAGE
 *****************************************************************************/
div.supp {
	position:relative; float:left; width:250px;
}

div.main {
	position:relative; float:right; width:360px; padding-right:18px;
}

h1#welcome {
	display:block; width:360px; height:110px; margin:0px;
	background-image: url(../images/home-welcome.jpg);
}

h1#welcome span { display:none; }

img.sothys-01 { margin-bottom:20px; }

img.sothys-02 { margin-top:20px; }

p#sothysStatement { margin-top:3px; text-align:right; }

/******************************************************************************
 * HOME PAGE - OPENING TIMES
 *****************************************************************************/
div#openingTimes { text-align:left; }

div#openingTimes h1 {
	display:block; width:250px;
	color:#444444; font-size:11px;
	border-bottom:1px solid #D1D1CF;
}

div#openingTimes table {
	margin-left:10px; font-size:11px;
}

div#openingTimes table tr td.day { font-weight:bold; width:70px;}

/******************************************************************************
 * BLOCK 01
 *****************************************************************************/
div.block_01 {
	text-align:left; float:left;
}

div.block_01 div.left {
	position:relative; float:left; width:140px;
}

div.block_01 div.left img { margin-bottom:10px; }

div.block_01 div.right {
	position:relative; float:right; width:490px;
}

div.block_01 div.right p.brochure {
	display:block; margin:20px 0px 20px 0px;
}

div.block_01 div.right p.brochure img {
	margin-bottom:-7px; margin-right:5px;
}

div.block_01 p.backToTop {
	display:block; float:right; margin:0px 0px 10px 0px; padding-right:15px; font-size:10px;
	background-image: url(../images/upArrow.gif);
	background-repeat:no-repeat; background-position:top right;
}

div.block_01 p.backLink {
	display:block; float:right; clear:both; margin:0px 0px 10px 380px; padding-left:15px; font-size:10px;
	background-image: url(../images/leftArrow.gif);
	background-repeat:no-repeat; background-position:top left;
}

div.block_01 h2 {
	font-size:14px;
}

div.block_01 h2.red {
	color:#ab3f63;
}

div.block_01 div.dummyFloat { float:left; }


div.block_01 ul.normal { 
	list-style-type:none; padding-top:5px; margin-bottom:50px;
}

div.block_01 ul.normalExpanded { 
	list-style-type:none; padding-top:5px; margin-bottom:30px;
}

div.block_01 ul.normal li {
	margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; width:350px;
	background-image: url(../images/bullet_01.gif);
	background-position:0px 3px; background-repeat:no-repeat;
}

div.block_01 ul.normalExpanded li {
	margin:15px 0px 0px 0px; padding:0px 0px 0px 15px; width:350px;
	background-image: url(../images/bullet_01.gif);
	background-position:0px 3px; background-repeat:no-repeat;
}

div.block_01 img.right {
	float:right; margin:0px 0px 20px 20px;
}

div.block_01 img.left {
	float:left; margin:0px 20px 20px 0px;
}

div.block_01 div.centerClear { text-align:center; }

div.block_01 p.question { font-style:italic; font-weight:bold; }

/******************************************************************************
 * BLOCK 01 (GRAPHIC HEADINGS)
 *****************************************************************************/
div.block_01 h1.mainHeading {
	width:100%; height:20px;
	border-bottom:1px solid #D1D1CF; background-repeat:no-repeat;
}

div.block_01 h1.mainHeading span { display:none; }

div.block_01 h1#treatments.mainHeading { background-image: url(../images/h1_treatments.gif); }
div.block_01 h1#sothys.mainHeading { background-image: url(../images/h1_sothys.gif); }
div.block_01 h1#holistic.mainHeading { background-image: url(../images/h1_holistic.gif); }
div.block_01 h1#beauty.mainHeading { background-image: url(../images/h1_beauty.gif); }
div.block_01 h1#ucw.mainHeading { background-image: url(../images/h1_ucw.gif); }
div.block_01 h1#sttropez.mainHeading { background-image: url(../images/h1_sttropez.gif); }
div.block_01 h1#handfoot.mainHeading { background-image: url(../images/h1_handfoot.gif); }
div.block_01 h1#piercing.mainHeading { background-image: url(../images/h1_piercing.gif); }
div.block_01 h1#nonsurg.mainHeading { background-image: url(../images/h1_nonsurgical.gif); }
div.block_01 h1#products.mainHeading { background-image: url(../images/h1_products.gif); }
div.block_01 h1#contactus.mainHeading { background-image: url(../images/h1_contactus.gif); }
div.block_01 h1#specialOffers.mainHeading { background-image: url(../images/h1_specialoffers.gif); }

/******************************************************************************
 * BLOCK_01 (TREATMENT SPEC)
 *****************************************************************************/
div.block_01 div.treatmentSpec {
	width:488px; float:left; margin-bottom:10px;
	border:1px solid #D1D1CF;
	background-color:#FAEEEF;
}

div.block_01 div.treatmentSpec h2 {
	font-size:12px; color:#27238C; margin:10px 0px 10px 10px;
}

div.block_01 div.treatmentSpec img {
	float:left; margin:0px 20px 10px 10px;
}

div.block_01 div.treatmentSpec img.right { float:right; margin:0px 10px 10px 10px; }

div.block_01 div.treatmentSpec p.duration {
	float:right; margin-top:-25px; margin-bottom:0px; padding-right:10px;
}

div.block_01 div.treatmentSpec p.description {
	margin:0px 10px 10px 10px;
}

div.block_01 div.column {
	float:left; width:150px; padding-left:10px;
}

div.block_01 div.right { margin-left:20px; }

div.block_01 div.treatmentSpec div.column ul {
	float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px;
}


div.block_01 div.treatmentSpec div.column ul li {
	float:left; display:block; width:150px; 
	margin:0px 0px 0px 0px; padding:0px 0px 5px 15px;
	background-image: url(../images/bullet_03.gif);
	background-position:0px 3px; background-repeat:no-repeat;
}

div.block_01 div.treatmentSpec span.packageTitle {
	font-style:italic; font-weight:bold;
}

/******************************************************************************
 * TREATMENT LIST
 *****************************************************************************/
ul.treatmentList { 
	list-style-type:none; padding-top:5px; margin-bottom:30px;
}

ul.treatmentList li {
	margin:15px 0px 0px 0px; padding:0px 0px 0px 15px; width:350px;
	background-image: url(../images/bullet_01.gif);
	background-position:0px 3px; background-repeat:no-repeat;
}

ul.treatmentList li a {
	font-weight:bold; margin:0px; padding:0px;
}

/******************************************************************************
 * FOOTER
 *****************************************************************************/
div#footer {
	padding-bottom:30px;
}
div#footer p {
	font-size:11px; margin-top:2px;
}

div#footer p.copyright {
	display:block; float:left; text-align:left; color:#666666;
}

div#footer p.neocentra {
	display:block; float:right; text-align:right;
}

div#footer p.neocentra a {
	color:#888888;
}

div#footer p.neocentra a:hover {
	color:#000000;
}

/******************************************************************************
 * CONTACT US
  *****************************************************************************/
form#contactus { margin-top:20px; }

form#contactus div.formElement { clear:both; margin-top:10px; margin-left:30px; padding-bottom:10px; }

form#contactus div.formElement label.forInput { display:block; float:left; width:75px; font-size:12px; color:#444444; }

form#contactus div.formElement label.forTextArea { display:block; font-size:12px; color:#444444; padding-bottom:5px; padding-top:10px; }

form#contactus div#left { float:left; }

form#contactus div#right { float:left; }

span.star { color:#C02D2C; }

form#contactus p { margin-left:30px; margin-top:20px; }

form#contactus input { font-size:12px; color:#27238C; margin-top:-5px; }

form#contactus input.blur { background-color:#ffffff; }

form#contactus input.focus { background-color:#FBFBF9; }

form#contactus textarea { width:387px; font-size:12px; color:#27238C; font-family: Arial, Helvetica, sans-serif;}

form#contactus textarea.blur { background-color:#ffffff; }

form#contactus textarea.focus { background-color:#FBFBF9; }

h2.contactHeading { font-size:1.2em; margin:10px 0px 10px 0px; }

div#layout01 div#main p.contactDetails { margin-top:0px; }

div.split { width:540px; }

div.split div.left { float:left; width:240px; padding-left:30px; }

div.split div.right { float:right; width:240px; padding-left:30px; text-align:left; }

img.map_thumb { margin-left:10px; border:none;}

p.requiredFieldsInfo {
	display:block; width:430px; font-size:11px;
	text-align:right; margin:0px 0px 0px 0px;
}