﻿body {
    font-family: georgia, tahoma, helvetica, arial, sans-serif; font-size: 12px; text-align: center;
	background: url(../1images/body-bg.gif); color: #6f6f6f;}

/*images/body_tr_bg.gif*/

html, body, #wrapper, h1, #nav, #nav li {margin: 0;padding: 0;list-style: none;}
th, td {font-size: 12px;}
img { border: 0; }

#wrapper {margin: auto;text-align: left;width: 90%;}

h1 {font-size: 20px; font-family: century gothic, georgia, tahoma, helvetica, arial, sans-serif;}
h2 {font-size: 14px; margin: 0; color:#35343D; padding-left:5; padding-right:5; padding-top:0; padding-bottom:5}
h3 {font-size: 13px; margin: 2px 0 0 0; padding: 0 0 0 0;}
h4 {font-size: 12px; margin: 4px 0 0 0; padding: 0 0 0 0;}

.callme  {font-size: 26px; font-weight: bold;font-family: helvetica, arial, sans-serif; text-align: center}
p {margin: 1em 0; padding: 0;}

.block {display: block;}

.clear {clear: both;height: 1px;padding-top: 0;margin-top: 0;margin-bottom: 0;font-size: 1px;line-height: 1px;}

* html .clear {margin-top: -5px;margin-bottom: -4px;}

.left {float: left; margin: 1px 8px 0px 0px;}
.right {float: right; width: 70%;margin: 1px 0px 0px 8px;}
.softright {text-align: right;}
.centre { text-align: center }
.container{max-width:80%;padding-top:5px;}

.readmore {text-align: right;padding-right: 1em;}
.leftnav_grad {background:url(images/side_grad.jpg) no-repeat;margin-left:10px}
.txt_black {color:#000000}
.txt_navheader {color:#96968C;font-family: georgia,times,serif;font-size: 11px;font-weight: 700;letter-spacing: 0.2em; text-transform: uppercase;	padding-top: 20px;}

.txt_leftnav {font-family: tahoma;font-size: 12px;line-height: 1.75em;margin-left:10px}
.txt_leftnav_acne {font-family: tahoma;font-size: 12px;line-height: 2em;color:#FF9900;margin-left:10px}
.txt_acne li a {color:#FF9900}
.txt_acne {font-family: tahoma; font-size: 12px; color:#FF9900}

.txt_leftnav_wrinkle {font-family: tahoma;font-size: 12px;line-height: 2em;color:#bc2c25;margin-left:10px}
#txt_wrinkle li a {color:#bc2c25}
.txt_wrinkle {font-family: tahoma;font-size: 12px;color:#bc2c25}
	
.txt_leftnav_hair {font-family: tahoma;font-size: 12px;line-height: 2em;color:#CC9900;margin-left:10px}
#txt_hair li a {color:#CC9900}
.txt_hair {font-family: tahoma;font-size: 12px;color:#CC9900}
	
.txt_leftnav_pigm {font-family: tahoma;font-size: 12px;line-height: 2em;color:#CC3399;margin-left:10px}
#txt_pigm li a {color:#CC3399}
.txt_pigm {font-family: tahoma;	font-size: 12px;color:#CC3399}
		
.txt_pageheader {
	color:#000000;
	font-family: georgia,times,serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2em;
	font-variant: small-caps;
}

td.line, tr.line, table.line {
	background-color: #E6E6E1; float: left; width:80%;
}

.txt_leftnav ul {
	list-style-type: square;	
	color: #797874;
	padding:10px 15px 25px 10px;
}

.txt_leftnav li {
	padding-bottom: 0;	
}

 .txt_medium {
	font-size: 12px;
}
/* **: #f7d2ff;*** */

body { background:url(1images/body-bg.gif) 0 0 repeat;
		margin:0;
		padding:0;
 }

#wrapper {
    width: 80%;
    background: #fff;
    border: 1px solid #fff;
}

* html #wrapper {width: 70%;}

h1 {
    padding: 9px 18px
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #cb4c8c;
}

a.orange { color: #d07c1a; }
a.green  { color: #858e10; }
a.teal   { color: #238aaa; }
a.purple { color: #9f6bc8; }

a:hover        { color: #FF2A8C; }
a:hover.orange { color: #FF9B0B; }
a:hover.green  { color: #45D110; }
a:hover.teal   { color: #239FF0; }
a:hover.purple { color: #C12EFA; }

a:hover {
    text-decoration: underline;
}


/* nav */

* html .clear {
    margin-top: 0;
    margin-bottom: 0;
}

#nav li {
    float: left;
    list-style: none;
    width: 12%;
    font-size: 14px;
    font-family: helvetica,georgia,times,serif;
    font-weight: bold;
    border-left: 1px solid white;
    text-align: center;
	
}

#nav li.first {
    width: 15%;
    border-left: none;
	margin-left:20px;
}

#nav a {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #cc3399;/*#cb4c8c*/
    padding: 2px 0;
    width: 90%;
}

#nav a:hover {
    background: #F076AD;
}

/* highlights */

#highlights {
    background: url(images/facial-beauty-face.jpg) no-repeat;
	width: 35.5%;
    float: left;
    margin-right: -10px;
}

#highlights .p {    
    margin-left: 175px;
    padding: 0 0 0 0;
}

* html #highlights .p {
    padding-bottom: 2px;
}

#highlights div.red { background: #bc2c25; }
#highlights div.purple { background: #af2db2; }
#highlights div.orange { background: #f2901c; }

#highlights #topspot {
    padding: 13px 11px;
}

#highlights .product {
    float: left;
    width: 22%;
    font-size: 12px;
    margin-top: 1em;
    margin-left: 2em;
    color: #487388;
    font-weight: bold;
}

#producttext {
    float: left;
    width: 60%;
    margin-top: 1em;
    margin-left: 2em;
}

#highlights .faceotweek p {
    padding: 0 2px;
}
.products {
    float: left;
	display:block;
    width: 60%;
    margin-top: 1em;
    margin-left: 2em;
}
.producttext {
    float: left;
    width: 70%;display:block;
    margin-top: 1em;
    margin-left: 2em;
}
.buynow {
    float: right;
    width: 19%;
    margin-top: 1em;
    margin-left: 2em;
}
/* right */

#right {
    float: right;
    border-top: 1px solid #bdbdbd;
    background: url(images/body_tr_bg.gif);
    }

#right .right {
    margin-left: 1px;
}
/*
#right #products {
    float: left;
    width: 18%;
}

#right #products div {
    border-top: 1px solid #bdbdbd;
    padding: 10px 10px 0 10px;
}

#right #products #item-one {
    border-top: none;
}

#right #products h2 {
    clear: both;
}
*/
#right #news {
    float: right;
    width: 16%;
    margin: 10px 10px 0 0;
    display: inline;
}

#right #news h2 {
    margin-bottom: 0.5em;
}

#right #news h2 {
    margin-bottom: -0.4em;
}

/* beauty */

#beauty {float: right; width: 42%;}
#beauty div {padding: 12px;}

#condition {float: right; width: 47%; border-top: 1px solid #bdbdbd; background: url(images/body_br2_bg.gif);}
#condition div {padding: 12px;}

#budget {float: centre; border-top: 1px solid #bdbdbd; font-size: 14px; font-family: helvetica,georgia,times,serif; font-weight: bold; text-align: center;}

#budget div {padding: 25px;}

#left {width: 80%;float: left;border-top: 1px solid #bdbdbd;background: url(images/body_br_bg.gif);}

#squeezebox {
	padding:0px;
	position:relative;
	width:39%; height:95px;
	background-image:url(images/subscribe.gif);
	margin: 0px auto 0px auto;
}

#email { 
	position:absolute;
	font-family: Helvetica, Arial;
	font-size:11pt;
	padding-bottom:0;
	margin:0px;
	padding-top:6px;
	border:none; height:24px; width:12%;
	padding-left:7px;
	padding-right:5px;
	top:80px; left:225px;
	background: transparent url(images/email.gif) no-repeat fixed;
}
*>#email { background: transparent url(images/email.gif) no-repeat; }
#button {position:absolute;left:370px; top:80px;height:30px; width:31px;}
#emailsmall { 
	position:absolute;
	font-family: Helvetica, Arial;
	font-size:11pt;
	padding-bottom:2px;
	margin:0px;
	margin-bottom:5px;
	padding-top:6px;
	border:none; height:24px; width:15%;
	padding-left:7px;
	padding-right:5px;
	background: transparent url(images/email2.gif) no-repeat fixed;
}
*>#emailsmall { background: transparent url(images/email2.gif) no-repeat; }

/* footer */
#footer {color: #fff; background: #cb0368; text-align: center; padding: 8px 0;}
#footer a {color: #fff; font-weight: normal; text-decoration: underline;}
#footer a:hover {color: #f8cde3;}

#prods {margin-left: 0;padding-left: 5; list-style: none; list-style-image: url(images/p.jpg);background-repeat:none;  }
#prods li {padding-left: 10px;}

#header2 {width: 100%;margin: 0;padding: 0;}

#wrapper2 {width: 90%; margin: 0 auto;}
#table2 {width: 70%; border-collapse: collapse;border: none;}
#table3 {text-align: left;}
#empty2 {width: 25%;}
#content2 {width: 100%; margin: 0; vertical-align: top; text-align: justify;font-size: 13px; padding-left:25px; padding-right:5px; padding-top:2px; padding-bottom:5px}
#content3 {background: url(images/back.jpg) top repeat-x; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 5px 10px 5px 10px; border-bottom: 1px solid #A5BEDA; line-height: 18px;}
#cont_centre2 {text-align: center;}

#leftmenu2 {width: 100%;}
#leftmenu2 a{color: #DDEED2; text-align: left; text-decoration: none; background: url('../images/bullet-arrow.gif') no-repeat 17px 50%; display: block; margin: 0px; padding: 2px 2px 2px 30px;}
#leftmenu2 a:hover{color: #FFFFFF;text-decoration: none;background-position: 5px 20%; background-color:#663333; background-repeat:no-repeat; background-attachment:scroll}
#leftmenu2 .items {background-position: top; border-top:1px solid #B3DCAB; padding-left:5px; padding-right:5px; padding-top:6px; padding-bottom:10px; background-repeat:repeat-x; background-attachment:scroll}
#leftmenu2 .subitems {background-position: top; padding: 5px 5px 5px 15px; background-repeat:repeat-x; background-attachment:scroll}

#left-menu2 {background-position: 0% 0%; vertical-align: top; text-align: left; color: #00FF99;padding-left:10px;padding-bottom: 10px;font-size: 12px; background-image:none; background-repeat:repeat; background-attachment:scroll}
#left-menu2 a.menulf_large{font-weight: bold; color: #ffffff;text-decoration: none; font-size: 13px}
#left-menu2 a:hover.menulf_large{font-weight: bold; color: #AEC796; text-decoration: none; font-size: 13px;}

#rightmenu2 {width: 20%; padding-right:0px; margin: 0;vertical-align: top;background: #cccccc; color: #555B40; text-align:left}
#rightmenu2 a{font-weight: bold;color: #CC0000;text-decoration: none;font-size: 12px}
#rightmenu2 a:hover{font-weight: bold; color: #EC7600; text-decoration: none; font-size: 12px}

img.resize{	width:184px;height:74px;border:0px solid #000000;padding:0px;z-index:1;}

.specials {background-color:#cb0368; color: #000000; text-align: center;margin-left:20px}
.specials a {color:#000000}
.specialsA {background-color:#FF9900; color: #000000; text-align: center;}
.specialsA a {color:#000000}
.specialsP {background-color:#CC3399; color: #000000; text-align: center;}
.specialsP a {color:#000000}
.specialsH {background-color:#CC9900; color: #000000; text-align: center;}
.specialsH a {color:#000000}
.specialsW {background-color:#bc2c25; color: #000000; text-align: center;}
.specialsW a {color:#000000}

.logo  span{display:block;position:absolute;margin-left: auto;margin-right: auto}
#bottom {position: absolute; vertical-align: bottom; bottom: 150px; font-family: Georgia;
color: #222200;}

#subform {font-size: 12px;color: #808080;margin-bottom: 2px;padding: 8px; font-weight:bold}
.response {font-size: 12px;color: #808080;margin-bottom: 2px;padding: 8px; font-weight:bold}

/********** contact form **********/
#consultform { margin:0; padding:5px 0; }
#consultform ol { margin:0; padding:0; list-style:none; }
#consultform tr { margin:0; padding:0; background:#FDE1FD; display:block; clear:both }
#consultform li.buttons { margin:5px 0 5px 0; clear:both; }
#consultform label span { color:#d66423; font-weight:bold; }
#consultform input.text{width:auto; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#consultform textarea {width:350px;  border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#consultform form li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

#subscribeform { margin:0; padding:5px 10px; background: url(images/subscribe.jpg) top no-repeat;}
#subscribeform * { color:#000000;}
#subscribeform ol { margin:0; padding:0; list-style:none;}
#subscribeform li { margin:0; padding:0; background:none; border:none; display:block;}
#subscribeform li.buttons { margin:5px 0 5px 0;}
#subscribeform label { float:left; margin:0; width:10%; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize;}
#subscribeform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#subscribeform input.text { width:90%; border:1px solid #5f5f5f; margin:5px 0; padding:5px 2px; height:15px; background:#3d3d3d;}
#subscribeform textarea { width:95%; border:1px solid #5f5f5f; margin:10px 0; padding:2px; background:#3d3d3d; height:250px;}
#subscribeform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#FFF; font:bold 14px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
p.clr, .clr { clear:both; padding:0; margin:0;}