@charset "UTF-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
	border: 0px solid red;
}

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ul { list-style: none; }

ol {
	margin: 0px 0px 0px 20px;
}

ol li {
	margin: 0px 0px 20px 0px;
}

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

a img, :link img, :visited img, fieldset { border:none; }


* { margin: 0; padding: 0; outline: 0; border: 0; }
html,
body {
	margin: 0;
	padding: 0;
	font: 12px/165% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	color: #6c767e;
	background: #000 url(images/pattern_background2.);
	height: 100%;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

h1 {
	font: 2.1em/100% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	color: #b04444;
}

h2 {
	font: 1.7em/100% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	color: #000;
}

h3 {
	font: 1.3em/100% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	color: #b04444;
}

h4 {
	font: 1.1em/100% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
}

#inner-pages ul li h3.red {
	color: #d40704;
}


a {
	color: #198ce8;
	text-decoration: none;
}

#footer a {
	color: #f24285;
	text-decoration: none;
}

#bag {
	position: relative;
	float: right;
	height:38px;
	top:-10px;
	right:0px;
	margin:0px 0px 0px 10px;
	padding:0px;
	border:0px;
}

/*---lists---*/

#footer ul {
	padding: 0;
	margin: 0px 0px 0px 0px;
	font: 10px/165% "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
}

#footer li {
	line-height: 23px;
	list-style: none;
	border-bottom: 0px solid #444b51;
}

#footer li a {
	color: #6c767e;
	background: transparent url(images/list_arrow.gif) no-repeat scroll 0 50%;
	padding: 0px 0px 0px 0px;
}

#footer li a:hover {
	color: #929faa;
}
	
/* LAYOUT */
	
#wrapper {
	min-height: 100%;
	position: relative;
	margin: 0 auto;
}
#header {
	text-align: center;
	background: #000;
	height: 40px;
	margin-bottom: 10px;
}
#header-inner {
	position: relative;
	width: 940px;
	margin: 0 auto;
}
#body {
	width: 960px;
	padding: 0 0 275px 0; /* Height of the footer */
	overflow: hidden;
	margin: 0 auto;
}

#body a {
	color: #b04444;
}
#body-inner {
	width: 960px;
	height: 210px;
	margin: 0 auto;
}

#category {
	text-transform: uppercase;
}

#site-nav {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	background: #FFFFFF;
}
#footer {
	position: absolute;
	bottom: 0;
	border: none;
	width: 100%;
	height: 275px;			/* Height of the footer */
	background: #000;
}
#footer-inner {
	width: 960px;
	height: 130px;
	margin: 0 auto;
}

#partners {
	position: absolute;
	width: 100%;
	height: 140px;
	background: #1a1a1a;
}
#partners-inner {
	width: 960px;
	margin: 0 auto;
}

#copyright {				/* designed and hosted by UDM */
	position: absolute;
	width: 100%;
	background: #111;
}
#copyright-inner {
	width: 960px;
	height: 50px;
	margin: 0 auto;
}

#the-gap {
	height: 20px;
}

#small-gap {
	height: 10px;
}

/* other non-essential CSS */

#footer p {
	margin: 0;
	padding-top: 15px;
}
	
/* ---HEADER--- */

#logo {
	float: left;
}

#logo img {
	margin-top: 20px;
	margin-left: 13px;
}

#navbar {
	position: absolute;
	margin: 0; padding: 0;		
	height: 40px;
	right: 0px; top: 0px;
	float: left;
	list-style: none;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
#navbar li {
	display: inline;
	margin: 0; padding: 0;
}

#navbar li #gift-card-icon {
	background: url(images/gift_card_icon.png) left no-repeat;
	text-indent: 33px;
}

#navbar li a {
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 5px 1px 5px;
	font-size: 10px;
	text-decoration: none;	
	color: #fff;	
	text-transform: uppercase;
}
#navbar li a:hover, 
#navbar li a:active {
	color: #d40704;
	background-color: #fff;
}
#navbar li#current a {	
	color: #D33972;	
}
#site-nav-right {
	float: right;
	text-align: left;
	height: 80px;
	margin-right: 10px;
}


#main-nav li {
	display: block;
	margin: 0;
	padding: 0;
}

#main-nav li a {
	height: 10px;
}

#main-nav li a.services {
	background-image: url(images/navigation/nav_services.png);
	height: 27px;
	width: 72px;
}

#main-nav li a.promotions {
	background-image: url(images/navigation/nav_promotions.png);
	height: 27px;
	width: 92px;
}

#main-nav li a.brands {
	background-image: url(images/navigation/nav_brands.png);
	height: 27px;
	width: 64px;
}

#main-nav li a.style {
	background-image: url(images/navigation/nav_style.png);
	height: 27px;
	width: 49px;
}

#main-nav li a.skin {
	background-image: url(images/navigation/nav_skin.png);
	height: 27px;
	width: 43px;
}

#main-nav li a.new {
	background-image: url(images/navigation/nav_whats_new.png);
	height: 27px;
	width: 90px;
}

#main-nav li a.wellness {
	background-image: url(images/navigation/nav_wellness.png);
	height: 27px;
	width: 71px;
}

#main-nav li a.men {
	background-image: url(images/navigation/nav_men.png);
	height: 27px;
	width: 45px;
}

#main-nav li a.makeup {
	background-image: url(images/navigation/nav_makeup.png);
	height: 27px;
	width: 64px;
}

#main-nav li a.hair {
	background-image: url(images/navigation/nav_hair.png);
	height: 27px;
	width: 45px;
}

#main-nav li a.events {
	background-image: url(images/navigation/nav_events.png);
	height: 27px;
	width: 58px;
}

#main-nav li a.classes {
	background-image: url(images/navigation/nav_classes.png);
	height: 27px;
	width: 65px;
}

#main-nav li a:hover, #main-nav .over {
	background-position: bottom left;
}

#main-nav li a:hover, 
#main-nav li a:active {
	color: #e00202;
}
#main-nav li#current a {	
	color: #D33972;	
}

#main-nav li span.nav-line {
	float: left;
	margin: -4px 3px 0px 3px;
	padding: 0;
	font: 11px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	color: #CCCCCC;
	background: none;
	border: none;
}

/* 
	LEVEL ONE
*/
#main-nav {
	position: relative;
	float: right;
	height: 25px;
	list-style: none;
	margin: 15px 0px 0px 0px;
	padding: 0;
	z-index: 99;
}

#main-nav li {
	font-weight: bold;
	float: left;
	zoom: 1;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#main-nav li div {
	color: #ccc;
	text-transform: none;
}


#main-nav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 11px;
	text-decoration: none;	
	color: #333;
}

#main-nav li a:hover {	
	color: #fff;
	text-decoration: underline;
}

#main-nav li ul {
	background: transparent url(images/menu_background.png);
}

#main-nav li ul li {
	color: #fff;
}


#main-nav a:active {
	color: #ffa500;
}



#main-nav li:last-child a {
	border-right: none;
} /* Doesn't work in IE */

#main-nav li:hover {
	color: #fff;
	position: relative;
}

#main-nav li.hover a {
	color: #ccc;
}


/* 
	LEVEL TWO
*/
#main-nav ul { 
	width: 220px; 
	visibility: hidden; 
	position: absolute; 
	padding: 0;
	top: 100%; 
	left: 0;
}

#main-nav ul li {
	font-weight: normal; 
	color: #000; 
	float: none;
}
									  
                                    
#main-nav ul li a {  				/* IE 6 & 7 Needs Inline Block */
	border-right: none; 
	width: 100%; 
	display: inline-block;
} 

#main-nav .col2 {
	width: 386px;
	background: transparent url(images/navigation/nav_shadow_right.png) repeat-y scroll 100% 0;
	margin-left: 4px;
}

#main-nav .col1 {
    width: 196px;
    background: transparent url(images/navigation/nav_shadow_right.png) repeat-y scroll 100% 0;
    margin-left: 4px;
}

#main-nav ul.hair {
	margin-left: 3px
}

#main-nav ul.skin {
	margin-left: 2px
}

#main-nav ul.makeup {
	margin-left: 1px
}
#main-nav ul.style  {
	margin-left: 2px
}


#main-nav ul.wellness {
	margin-left: 1px
}


#main-nav .col2 .left-border {
	float: left;
	background: transparent url(images/navigation/nav_shadow_left.png) repeat-y 0 0;
}

#main-nav .col2 .bottom-border {
	float: left;
	width: 100%;
	height: 2px;
	background: transparent url(images/navigation/nav_shadow_bottom.png) repeat-x scroll 100% 1px;
}

#main-nav .col2 .container {
	padding: 0;
	margin-right: 5px;
	position: relative;
	left: 3px;
	top: 0;
}

#main-nav .col2 .container-child {
    float: left;
    background: transparent url(images/navigation/nav_bg.png) repeat scroll 100% 0;
}

#main-nav .col2 .left, .col2 .left li {
	display: block;
	float: left;
	padding: 10px;
	width: 170px;
}


#main-nav .col2 .right, .col2 .right li {
	display: block;
	float: left;
	padding: 10px;
	width: 170px;
}
	
#main-nav .col2 li {
	float: left;
	padding: 0;
}

#main-nav .col1 .left-border {
    float: left;
    background: transparent url(images/navigation/nav_shadow_left.png) repeat-y;
}

#main-nav .col1 .bottom-border {
    float: left;
    width: 100%;
    height: 2px;
    background: transparent url(images/navigation/nav_shadow_bottom.png) repeat-x scroll 100% 1px;
}

#main-nav .col1 .container {
    padding: 0;
    margin-right: 5px;
    position: relative;
    left: 3px;
    top: 0;
}

#main-nav .col1 .container-child {
    float: left;
    background: transparent url(images/navigation/nav_bg.png) repeat scroll 100% 0;
}

#main-nav .col1 .left, .col1 .left li {
    display: block;
    float: left;
    padding: 10px;
    width: 170px;
}


#main-nav .col1 .right, .col1 .right li {
    display: block;
    float: left;
    padding: 10px;
    width: 170px;
}
    
#main-nav .col1 li {
    float: left;
    padding: 0;
}

#main-nav li ul li a {
	color: #ccc;
}

#main-nav li ul li a:hover {
	color: #FFF;
}

 #main-nav li ul li a:visited {
	color: #ccc;
}

/* 
	--- LEVEL TWO END ---
*/



#header-cartInfo {
	float: right;
	margin: 0;
	padding-top: 30px;	
	list-style: none;
}
#header-cartInfo li {
	display: inline;
	margin: 0;
	padding: 0;
}
#header-cartInfo li a {
	float: left;
	margin: 0;
	padding: 0 12px;
	font: 11px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #999999;	
	text-transform: uppercase;
}
#header-cartInfo li a:hover, 
#header-cartInfo li a:active {
	color: #e00202;
}
#header-cartInfo li#current a {	
	color: #D33972;	
}


/* HOME PAGE */

#home {
	width: 960px;
	height: 410px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}

.flashMovie-home {
	width: 940px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	background: #000;
}

#scroll {
	width: 960px;
	height: 230px;
	margin: 0 auto;
	background: #FFFFFF;
}


/* INNER PAGES */

#inner-pages {
	float: left;
	width: 700px;
	margin: 20px 0px 40px 10px;
}

#inner-pages p {
	font: "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	margin: 0px 0px 20px 0px
}

#inner-pages ul {
	margin: 0px 10px 40px 10px;
}

#inner-pages ul li h3 {
	color: #000;
	margin-bottom: 3px;
}

#inner-pages ul li {
	list-style: none;
	margin: 0px 0px 5px 0px;
	font: 12px/17px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	padding: 10px;
	border-left: solid 3px #ccc;
	background: #f3f3f3;
}

#right-nav {
	float: right;
	width: 200px;
	border-left: 1px solid #e7e7e7;
	margin:20px 10px 0px 0px;
	padding: 0px 0px 30px 20px;
}

#pages {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	overflow: hidden;
}

#page-nav ul {
	float: right;
	list-style: none;
	height: 50px;padding: 0;	
	display: inline;
	margin: 35px 0px 0px 0px;
}

#page-nav li {
	display: inline;
	margin: 0; padding: 0;
}
#page-nav li a {
	float: left;
	margin: 0;	padding: 0 20px;
	font: 13px/30px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #6c767e;
}
#page-nav li a:hover, 
#page-nav li a:active {
	color: #f2672a;
}
#page-nav li#current a {	
	color: #D33972;	
}

img.header-images {
	border: 0px solid #CCCCCC;
	margin: 0px 0px 30px 0px;
}


#pages p {
	font-family: "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
}

/* ---inner-pages-nav--- */

#right-nav ul {
	margin:0px 0px 0px 0px;
}

#right-nav ul li {
	margin:0px 0px 0px 0px;
}

#right-nav ul li a:hover {
	color: #000;
}
/*---FAQ PAGE---*/

.faq h3 {
	cursor: pointer;
	font-weight:bold;
	text-transform: none;
	font-size: .9em;
}

.faq h3:hover {
    text-decoration: underline;
}

.faq div.sibling {
	margin: 10px 0 20px 0;
}

.faq .faq-minus {
}
/*---TEAM PAGE---*/

#team {
	width: 700px;
	font-size: 15px;
	line-height: 12px;
	overflow: hidden;
}

#team p {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

#team label {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.team-member {
	float: left;
	width: 100px;
	height: 170px;
	margin: 0px 15px 20px 0px;
}

/* TEAM PICS */

.deedee {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/DeeDee_thumb.jpg) top left no-repeat;
}
.deedee:hover {
	background-position: top right;
}

.joni {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Joni_thumb.jpg) top left no-repeat;
}
.joni:hover {
	background-position: top right;
}

.alyson {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Alyson_thumb.jpg) top left no-repeat;
}
.alyson:hover {
	background-position: top right;
}

.julie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Julie_thumb.jpg) top left no-repeat;
}
.julie:hover {
	background-position: top right;
}

.lauren {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Lauren_thumb.jpg) top left no-repeat;
}
.lauren:hover {
	background-position: top right;
}

.debbie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Debbie_thumb.jpg) top left no-repeat;
}
.debbie:hover {
	background-position: top right;
}

.shannon {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Shannon_thumb.jpg) top left no-repeat;
}
.shannon:hover {
	background-position: top right;
}

.lisa {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Lisa_thumb.jpg) top left no-repeat;
}
.lisa:hover {
	background-position: top right;
}

.renee {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Renee_thumb.jpg) top left no-repeat;
}
.renee:hover {
	background-position: top right;
}

.gail {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Gail_thumb.jpg) top left no-repeat;
}
.gail:hover {
	background-position: top right;
}

.amanda {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Amanda_thumb.jpg) top left no-repeat;
}
.amanda:hover {
	background-position: top right;
}

.teresa {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Teresa_thumb.jpg) top left no-repeat;
}
.teresa:hover {
	background-position: top right;
}

.silvia {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Silvia_thumb.jpg) top left no-repeat;
}
.silvia:hover {
	background-position: top right;
}

.karen {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Karen_thumb.jpg) top left no-repeat;
}
.karen:hover {
	background-position: top right;
}

.laurie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Laurie_thumb.jpg) top left no-repeat;
}
.laurie:hover {
	background-position: top right;
}

.nicola {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Nicola_thumb.jpg) top left no-repeat;
}
.nicola:hover {
    background-position: top right;
}

.anna {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Anna_thumb.jpg) top left no-repeat;
}
.anna:hover {
    background-position: top right;
}

.christopher {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Christopher_thumb.jpg) top left no-repeat;
}
.christopher:hover {
	background-position: top right;
}

.stacy {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Stacy_thumb.jpg) top left no-repeat;
}
.stacy:hover {
	background-position: top right;
}

.tangi {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Tangi_thumb.jpg) top left no-repeat;
}
.tangi:hover {
    background-position: top right;
}

.celeste {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Celest_thumb.jpg) top left no-repeat;
}
.celeste:hover {
	background-position: top right;
}

.maricela {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Maricela_thumb.jpg) top left no-repeat;
}
.maricela:hover {
	background-position: top right;
}

.deana {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Deana_thumb.jpg) top left no-repeat;
}
.deana:hover {
	background-position: top right;
}

.kristina {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Kristina_thumb.jpg) top left no-repeat;
}
.kristina:hover {
	background-position: top right;
}

.azure {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Azure_thumb.jpg) top left no-repeat;
}
.azure:hover {
	background-position: top right;
}

.kristina {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Kristina_thumb.jpg) top left no-repeat;
}
.kristina:hover {
	background-position: top right;
}

.dara {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Dara_thumb.jpg) top left no-repeat;
}
.dara:hover {
	background-position: top right;
}

.gracie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Gracie_thumb.jpg) top left no-repeat;
}
.gracie:hover {
	background-position: top right;
}

.jerri {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Jerri_thumb.jpg) top left no-repeat;
}
.jerri:hover {
	background-position: top right;
}

.kim {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Kim_thumb.jpg) top left no-repeat;
}
.kim:hover {
	background-position: top right;
}

.koleen {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Koleen_thumb.jpg) top left no-repeat;
}
.koleen:hover {
	background-position: top right;
}

.kylee {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Kylee_thumb.jpg) top left no-repeat;
}
.kylee:hover {
	background-position: top right;
}

.laura {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Laura_thumb.jpg) top left no-repeat;
}
.laura:hover {
	background-position: top right;
}

.leticia {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Leticia_thumb.jpg) top left no-repeat;
}
.leticia:hover {
	background-position: top right;
}

.lindsey {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Lindsey_thumb.jpg) top left no-repeat;
}
.lindsey:hover {
	background-position: top right;
}

.lynn {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Lynn_thumb.jpg) top left no-repeat;
}
.lynn:hover {
	background-position: top right;
}

.mark {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Mark_thumb.jpg) top left no-repeat;
}
.mark:hover {
	background-position: top right;
}

.melissa {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Melissa_thumb.jpg) top left no-repeat;
}
.melissa:hover {
	background-position: top right;
}

.nelson {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Nelson_thumb.jpg) top left no-repeat;
}
.nelson:hover {
	background-position: top right;
}

.peggy {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Peggy_thumb.jpg) top left no-repeat;
}
.peggy:hover {
	background-position: top right;
}

.sammie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Sammie_thumb.jpg) top left no-repeat;
}
.sammie:hover {
	background-position: top right;
}

.shawna {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Shawna_thumb.jpg) top left no-repeat;
}
.shawna:hover {
	background-position: top right;
}

.stephanie {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Stephanie_thumb.jpg) top left no-repeat;
}
.stephanie:hover {
	background-position: top right;
}

.rebecca {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Rebecca_thumb.jpg) top left no-repeat;
}
.rebecca:hover {
	background-position: top right;
}

.lo {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Lo_thumb.jpg) top left no-repeat;
}
.lo:hover {
    background-position: top right;
}

.betty {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Betty_thumb.jpg) top left no-repeat;
}
.betty:hover {
	background-position: top right;
}

.brenda {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Brenda_thumb.jpg) top left no-repeat;
}
.brenda:hover {
	background-position: top right;
}

.cyndi {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Cyndi_thumb.jpg) top left no-repeat;
}
.cyndi:hover {
	background-position: top right;
}

.karen {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Karen_thumb.jpg) top left no-repeat;
}
.karen:hover {
	background-position: top right;
}

.lauren {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Lauren_thumb.jpg) top left no-repeat;
}
.lauren:hover {
	background-position: top right;
}

.sherron {
	width: 100px;
	height: 120px;
	text-indent: 1000px;
	display: block;
	background: url(images/team/Sherron_thumb.jpg) top left no-repeat;
}
.sherron:hover {
	background-position: top right;
}

.cat {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Cat_thumb.jpg) top left no-repeat;
}
.cat:hover {
    background-position: top right;
}

.erran {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Erran_thumb.jpg) top left no-repeat;
}
.erran:hover {
    background-position: top right;
}

.mona {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Mona_thumb.jpg) top left no-repeat;
}
.mona:hover {
    background-position: top right;
}

.melinda {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: url(images/team/Melinda_thumb.jpg) top left no-repeat;
}
.melinda:hover {
    background-position: top right;
}

.blank {
    width: 100px;
    height: 120px;
    text-indent: 1000px;
    display: block;
    background: #cccccc url(images/team/.jpg) top left no-repeat;
}
.blank:hover {
    background-position: top right;
}

/*---END TEAM PAGE---*/

/* SERVICE LIST */
.service-list {
	position: relative;
	width: 700px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

.service-list h3 {
	margin: 0px 0px 0px 10px;
	line-height: 40px;
}

.service-list .service-top {
	width: 680px;
	height: 40px;
	background: #CCC;
}

.service-list .service-bottom {
	width: 660px;
	height: 10px;
	background: #CCC;
}

.service-list .service-item, .service-list .service-price {
	float: left;
	width: 330px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	background: #f3f3f3;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

/* --- END SERVICE LIST --- */


/* STAFF PICKS */

.picks {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
}

.picks .picks-text {
	float: left;
	width: 450px;
	padding: 0px;
}

.picks h2 {
	margin: 0px 0px 10px 0px;
}

.picks p {
	margin: 0px 0px 0px 0px;
}

.picks img {
	float: left;
	width: 200px;
	border-left: solid 3px #ccc;
	margin: 0px 10px 0px 0px;
}

#inner-pages .picks ul {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#inner-pages .picks ul li {
	list-style: circle;
	border-left: none;
	background: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/* END STAFF PICKS */

/* BRANDS */

#inner-pages #brands {
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px;
	list-style: none;
	background: none;
}

#inner-pages #brands h2 {
	text-align: center;
	margin: 0px 0px 5px 0px;
}

#inner-pages #brands ul {
    margin: 0px 0px 30px 0px;
}

#inner-pages #brands ul li {
	list-style: none;
	background: none;
	line-height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*  Navigation  */
#nav {
	float: right;
	position: absolute;
	list-style: none;
	height: 50px;padding: 0;	
	display: inline;
	top: 70px; right: 0px;
}

#nav li {
	display: inline;
	margin: 0; padding: 0;
}
#nav li a {
	float: left;
	margin: 0;	padding: 0 10px;
	font: bold 13px/30px 'Helvetica', Geneva, Verdana, Arial, Lucida Grande, sans-serif;
	text-decoration: none;	
	color: #FFF;	
	text-transform: uppercase;
}
#nav li a:hover, 
#nav li a:active {
	color: #c95723;
}
#nav li#current a {	
	color: #D33972;	
}

p #phone {
	float: left;
	position: relative;
	top: 10px; right: 0px;
}

/* form elements */
form {
	margin: 0; 
	padding: 0; 
	background: ; 	
	border: 0px solid #111;	
}
form p {
	border-bottom: 1px solid #101010;
	padding: 12px 0 5px 0;	margin: 0;	
}
label {
	font-weight: bold;	
	color: #FAFAFA;
}
input, select, textarea {
	margin: 0px 0px;
	padding: 5px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #e9e9e9;  
	border: 0px solid #1C1C1C;
}
option { padding-right: 0.5em;
} 
#enquire {
	border: 0; margin: 0;
	width: 137px;
	height: 50px;
	background: url(images/Enquire_btn_OFF.gif);
}

input.button { 
	font: bold 12px "Century Gothic",Helvetica, Arial, Geneva, sans-serif; 
	height: 30px;
	padding: 2px 3px; 
	margin-top: 8px;
	color: #48780E;
	background: #000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #1B1B1B;
}
.button-search {
	z-index: 999;
	float: right;
	cursor: pointer;
	border: 0;
	padding: 0;
	position: relative;
	top: -4px;
	left: -140px;
	width: 10px;
	height: 28px;
	display: block;
	background-image: url(images/clear_pixel.gif);
}
input.product-search {
	float: left;
	border: 0px;
	margin: 0px;
	padding: 5px 5px 5px 30px;
	margin: -5px -30px 0 0;
	width: 132px;
	height: 18px;
	background: url(images/search_box.jpg);
}

/* BOOKING */

.booking {
	position: relative;
	background: #000 url(images/login_background.jpg);
	height: 100px;
}

.booking-login {
	position: absolute;
	width: 290px;
	top: 50px;
	left: 30px;
}

.booking-signup {
	position: absolute;
	width: 250px;
	top: 50px;
	right: 33px;
}

/* CHOSE GIFT CARD */

.chose-gift {
    position: relative;
    background: #000 url(images/choose_gift_card_background.gif);
    height: 100px;
}

/* BOOKING SINGUP */

.signup label {
	display: block;
	width: 700px;
	margin: 0px 0px 0px 0px;
	color: #000;
}

.signup input {
	display: block;
	width: 400px;
	margin: 0px 0px 5px 0px;
}


/* PARTNERS */

#partners-inner a {
	float: left;
	margin: 0px 40px 0px 0px;
}

#partners .cbudney {
	width: 77px;
	height: 65px;
	background: url(images/partners/Charlene_Budney_Fitness_Studio.gif) top left no-repeat;
}

#partners .cbudney:hover {
	background-position: bottom left;
}

#partners .spafinder {
	width: 91px;
	height: 65px;
	background: url(images/partners/Spa_Finder.jpg) top left no-repeat;
}

#partners .spafinder:hover {
	background-position: bottom left;
}

#partners .salonwish {
	width: 45px;
	height: 65px;
	background: url(images/partners/Salon_Wish.gif) top left no-repeat;
}

#partners .salonwish:hover {
	background-position: bottom left;
}

#partners .dr-reza {
	width: 124px;
	height: 65px;
	background: url(images/partners/Dr_Reza.gif) top left no-repeat;
}

#partners .dr-reza:hover {
	background-position: bottom left;
}

#partners .essi {
    width: 80px;
    height: 65px;
    background: url(images/partners/ESSI_Logo.gif) top left no-repeat;
}

#partners .essi:hover {
    background-position: bottom left;
}


/* FOOTER */

#footer-inner p a {
	color: #CCC;
}

#footer-inner p a:hover, 
#footer-inner p a:active {
    color: #929faa;
}

#email-signup {
	float: left;
	width: 223px;
	margin: 0px 0px 0px 0px;
}

input.newsletter {
	border: 0px; margin: 0px;
	width: 130px;
	height: 15px;
	padding: 5px;
}

input.subscribe {
	border: 0px; margin: 0px;
	padding: 0px;
	width: 79px;
	height: 25px;
	background: #ffffff url(images/subscribe_btn.gif) no-repeat;
}

#follow-us {
	float: right;
	width: 110px;
	margin: 0px 0px 0px 0px;
}

#follow-us img {
	margin-right: 10px;
}

#footer-left {
	float: left;
	width: 580px;
	overflow: hidden;
}

#footer-right {
	float: left;
	width: 380px;
	overflow: hidden;
}


#footer-nav {
	padding: 0;
	margin: 0px 0px 0px 0px;	
	height: 20px;	
}
#footer-nav ul {
	float: left;
	list-style: none;
	height: 0px;
	margin: 0; padding: 0;	
	display: inline;
}
#footer-nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#footer-nav ul li a {
	float: left;
	margin: 0px 20px 0px 0px;
	font: 13px/15px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #fff;	
	text-transform: uppercase;
}
#footer-nav ul li a:hover, 
#footer-nav ul li a:active {
	color: #929faa;
	background: none;
	border: none;
}
#footer-nav ul li#current a {	
	color: #D33972;	
}


#shop-nav {
	padding: 0;
	margin: 0px 0px 0px 0px;	
	height: 20px;		
}
#shop-nav ul {
	float: left;
	list-style: none;
	height: 20px;
	margin: 0; padding: 0;	
	display: inline;
}
#shop-nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#shop-nav ul li a {
	float: left;
	margin: 0px 20px 0px 0px;
	font: 13px/15px "Century Gothic",Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	color: #444b51;	
	text-transform: uppercase;
}
#shop-nav ul li a:hover, 
#shop-nav ul li a:active {
	color: #929faa;
	background: none;
	border: none;
}
#shop-nav ul li#current a {	
	color: #D33972;	
}



/* jCarousel */

.home-slider {
  width: 960px;
  height: 170px;
  margin: 0px auto; 
  background: #FFF; 
  display: block; 
  position: relative; 
  padding: 0 0 0 0;
  border-bottom: 0;
}

.home-slider .wrapper {
  width: 940px; /* .home-slider width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 150px;
  margin: 10px 10px;
  position: absolute;
  top: 0;
}

.home-slider ul a img {
}

.home-slider .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}

.home-slider ul li {
  display: block;
  float: left;
  height: 150px;
  width: 305px;
  padding-right: 12px;
}

.home-slider ul li img {
  -webkit-transition: border-color 400ms;
}

.home-slider ul:hover li img {
  border-color: #000;
}

.home-slider ul:hover li:hover img {
  border-color: #333;
}

.home-slider ul li a img {
  display:block;
}

.home-slider .forward,
.home-slider .back{ 
	position:absolute; 
	cursor:pointer; 
	width:29px; 
	height:29px; 
	bottom:0px; 
	right:2px; 
	background:url('images/slideitmoo_forward.png') no-repeat center;
	top: 70px;
	text-indent: -999px;
}
.home-slider .back { 
	left:2px; 
	background:url('images/slideitmoo_back.png') no-repeat center;  
}

/* MISC */

.prefferd-partners {
	border-top: #212121 1px solid;
}

.clear {
	clear:both;
	height: 0;
}

.center-content {
	text-align: center;
}