@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	line-height:1.4;
}
input,textarea,select  { 
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	line-height:1.4;

}

.container {
	width: 780px;
	margin: 0 auto;
}

.mainContent {
	padding: 3px 15px;
	line-height:1.6em;
}

.mainContent  li {
	line-height:1.6em;
}

.top {
	color: #222222;
}

.nav {
	height: 20px;
	padding: 3px 15px 0 15px;
	background-color: #0066FF;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
}


a:link, a:visited {
	color: #0080C0;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}


.nav a:link, .nav a:visited, .nav a:hover {
	color: #ffffff;
	text-decoration: none;
}


.navShadow {
	height: 3px;
	background: url(../image/nav_shadow.gif) repeat-x;
}

.navSub {
	font-family: Arial;
	color: #666666;
	padding: 4px 15px;
	
}

.navSub a:link, .navSub a:visited {
	color: #666666;
	text-decoration: none;
}

.navSub a:hover {
	color: #666666;
	text-decoration: none;
}

.input_search {
	height: 14px;
	width: 150px;
	border: solid 1px #bbbbbb;
	padding: 0;
	vertical-align: top;
}

.input_signup_email {
	height: 14px;
	width: 100px;
	border: solid 1px #bbbbbb;
	padding: 0;
	vertical-align: top;
}

.footer {
	font-size: 10px;
}


.footer ul {
	list-style:none;
	margin:0;
	padding:0;

}

.footer li {
	position: relative;
	float: left;
	padding: 5px 5px 5px 5px;
}

.footer a:link, .footer a:visited, .footer a:hover {
	text-decoration: none;
	color: #222222;
}

.title {
	font-size: 14px;
	font-weight: bold;
	color: #0064c8;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0064c8;
}

h3 { font-size: 12px; margin: 0 0 10px 0; color: #666666; }

/* Global Nav
---------------------------- */
#navigation { background: url(../image/nav_bg.gif) repeat-x; padding: 0; margin-bottom: 0;}
#navigation .clearfix {  }
#navigation ul#navlist { list-style: none; margin: -1px 0 0 0; padding:0; float: left; z-index: 9998; /*position: relative;*/ }
#navigation ul#navlist li.item1,
#navigation ul#navlist li.item2,
#navigation ul#navlist li.item3,
#navigation ul#navlist li.item4,
#navigation ul#navlist li.item5,
#navigation ul#navlist li.item6,
#navigation ul#navlist li.item7,
#navigation ul#navlist li.item8 { float: left; margin: 0; padding: 0; }
#navigation ul#navlist li.item1 a.item1,
#navigation ul#navlist li.item2 a.item2,
#navigation ul#navlist li.item3 a.item3,
#navigation ul#navlist li.item4 a.item4,
#navigation ul#navlist li.item5 a.item5,
#navigation ul#navlist li.item6 a.item6,
#navigation ul#navlist li.item7 a.item7,
#navigation ul#navlist li.item8 a.item8 { background: url(../image/nav-sprite.gif) no-repeat 0 0; height:23px; text-indent: -9999px; overflow: hidden; display: block; }

#navigation ul#navlist li.item1 a.item1 { width: 108px; background-position: 0 0; }
#navigation ul#navlist li.item2 a.item2 { width: 102px; background-position: -108px 0; }
#navigation ul#navlist li.item3 a.item3 { width: 125px; background-position: -210px 0; }
#navigation ul#navlist li.item4 a.item4 { width: 107px; background-position: -335px 0; }
#navigation ul#navlist li.item5 a.item5 { width: 117px; background-position: -442px 0; }
#navigation ul#navlist li.item6 a.item6 { width: 91px; background-position: -559px 0; }
#navigation ul#navlist li.item7 a.item7 { width: 130px; background-position: -650px 0; }

/*#navigation ul#navlist li.item8 a.item8 { width: 178px; background-position: -780px 0; }*/

/* If skin consult link is removed, use these:
#navigation ul#navlist li.item7 a.item7 { width: 75px; background-position: -479px 0; margin-right: 231px; }
#navigation ul#navlist li.item8 a.item8 { background-position: -615px 0; }
*/
	
#navigation ul#navlist li.item1 a.item1:hover,
#navigation ul#navlist li.item1:hover a.item1,
#navigation ul#navlist li.item1.sfhover a.item1 { background-position: 0 -23px; }
#navigation ul#navlist li.item2 a.item2:hover,
#navigation ul#navlist li.item2:hover a.item2,
#navigation ul#navlist li.item2.sfhover a.item2 { background-position: -108px -23px; }
#navigation ul#navlist li.item3 a.item3:hover,
#navigation ul#navlist li.item3:hover a.item3,
#navigation ul#navlist li.item3.sfhover a.item3 { background-position: -210px -23px; }
#navigation ul#navlist li.item4 a.item4:hover,
#navigation ul#navlist li.item4:hover a.item4,
#navigation ul#navlist li.item4.sfhover a.item4 { background-position: -335px -23px; }
#navigation ul#navlist li.item5 a.item5:hover,
#navigation ul#navlist li.item5:hover a.item5,
#navigation ul#navlist li.item5.sfhover a.item5 { background-position: -442px -23px; }
#navigation ul#navlist li.item6 a.item6:hover,
#navigation ul#navlist li.item6:hover a.item6,
#navigation ul#navlist li.item6.sfhover a.item6 { background-position: -559px -23px; }
#navigation ul#navlist li.item7 a.item7:hover,
#navigation ul#navlist li.item7:hover a.item7,
#navigation ul#navlist li.item7.sfhover a.item7 { background-position: -650px -23px; }
/*
#navigation ul#navlist li.item8 a.item8:hover,
#navigation ul#navlist li.item8:hover a.item8,
#navigation ul#navlist li.item8.sfhover a.item8 { background-position: -615px -23px; }	
*/

/* active tab based on body id */
#threestep #navigation ul#navlist li.item1 a.item1 { background-position: 0 -23px; }
#skincare #navigation ul#navlist li.item2 a.item2 { background-position: -108px -23px; }
#makeup #navigation ul#navlist li.item3 a.item3 { background-position: -210px -23px; }
#fragrance #navigation ul#navlist li.item4 a.item4 { background-position: -335px -23px; }
#sun #navigation ul#navlist li.item5 a.item5 { background-position: -442px -23px; }
#mens #navigation ul#navlist li.item6 a.item6 { background-position: -559px -23px; }
#offers #navigation ul#navlist li.item7 a.item7 { background-position: -650px -23px; }

/*
#consultation #navigation ul#navlist li.item8 a.item8 { background-position: -615px -23px; }
*/

/*sub-menu */
#navigation ul#navlist .submenu { position: relative; z-index: 9998; }

#navigation ul#navlist .submenu-grid { position: absolute;  z-index: 9998; width: 965px; left: -999em; top:0px; border-bottom: 1px solid #737373; background: #fff; }

#navigation ul#navlist li.item1:hover #submenu1,
#navigation ul#navlist li.item1.sfhover #submenu1 { left: 0; }

#navigation ul#navlist li.item2:hover #submenu2,
#navigation ul#navlist li.item2.sfhover #submenu2 { left: 0; }

#navigation ul#navlist li.item3:hover #submenu3,
#navigation ul#navlist li.item3.sfhover #submenu3 { left: 0; }

#navigation ul#navlist li.item4:hover #submenu4,
#navigation ul#navlist li.item4.sfhover #submenu4 { left: 0; }

#navigation ul#navlist li.item5:hover #submenu5,
#navigation ul#navlist li.item5.sfhover #submenu5 { left: 0; }

#navigation ul#navlist li.item6:hover #submenu6,
#navigation ul#navlist li.item6.sfhover #submenu6 { left: 0; }

#navigation ul#navlist li.item7:hover #submenu7,
#navigation ul#navlist li.item7.sfhover #submenu7 { left: 0; }

#navigation ul#navlist li:hover,
#navigation ul#navlist li.sfhover { position: static; }  

#navigation #searchbar { float: left; height: 24px; padding: 5px 8px 0 17px; /*padding-top: 4px; position: relative;*/ z-index: 9998; }
#navigation #searchbar #search { border: 1px solid #999; padding: 1px 0 1px 2px; font-size: 11px; width: 108px; margin: 0 2px 0 0; }
#navigation #searchbar .button { width:28px; height:15px; margin: 0 15px 3px 3px; background: url(/image/global/buttons/clin_go_btn.gif); cursor:pointer; *cursor:hand; border:none; vertical-align:middle;}

#navigation .submenu-content { border: 4px solid #99ccff; background: #fff;  }
#navigation .submenu-content h3 { border-bottom: 1px solid #ddd; padding: 0 0 7px 0; color: #666; margin: 0 0 8px 0; }

/* this controls the varying widths of each item's dropdown */
#navigation ul#navlist #submenu1 { width: 429px; }
#navigation ul#navlist #submenu2 { width: 570px; }
#navigation ul#navlist #submenu3 { width: 250px; }
#navigation ul#navlist #submenu4 { width: 180px; }
#navigation ul#navlist #submenu5 { width: 180px; }
#navigation ul#navlist #submenu6 { width: 220px; }
#navigation ul#navlist #submenu7 { width: 180px; }
/* this controls the varying heights of each item's dropdown */
#navigation ul#navlist #submenu1 .submenu-content { height: 285px; }
#navigation ul#navlist #submenu2 .submenu-content { height: 341px; }
#navigation ul#navlist #submenu3 .submenu-content { height: 250px; }
#navigation ul#navlist #submenu4 .submenu-content { height: 250px; }
#navigation ul#navlist #submenu5 .submenu-content { height: 250px; }
#navigation ul#navlist #submenu6 .submenu-content { height: 120px; }
#navigation ul#navlist #submenu7 .submenu-content { height: 220px; }

/* for double-column drop-down navs */
#navigation .submenu-col1 { float: left; width: 240px;  margin: 0 20px 0 0; }
#navigation .submenu-col2 { float: left; width: 240px; }
#navigation .submenu-col3 { float: right; margin: 15px 0 0 0; }

#navigation .submenu-mw { 
	clear: left;
}

#navigation .submenu-content ul { list-style: none; margin: 0; padding: 0; }
#navigation .submenu-content li { float: left; font-size: 11px; font-family:Arial;width: 45%; margin: 0 10px 4px 0; }
#navigation .submenu-content li a { color: #666; font-size: 11px; text-decoration:none; font-family:Arial;}
#navigation .submenu-content li a:hover { color: #D6A847; }

/* for single-column drop-down navs */
#navigation .submenu-col { float: left; width: 120px; padding: 10px 15px 20px 0; }
#navigation .submenuWidth1 { padding-left: 15px; }
#navigation .submenu-col li { float: none; width: auto; }

/* Override some of the submenu widths: */
#navigation #submenu1 .submenuWidth1 { width: 120px; }	/* Skin Treatment */
#navigation #submenu1 .submenuWidth2 { width: 120px; }	/* Skin Treatment */
#navigation #submenu1 .submenuWidth3 { width: 120px; }	/* Skin Treatment */
#navigation #submenu1 .submenuWidth4 { width: 120px; }	/* Skin Treatment */
#navigation #submenu1 .submenuWidth5 { width: 120px; }	/* Skin Treatment */


#navigation #submenu2 .submenuWidth1 { width: 120px; }	/* Laser Therapy/col1 */
#navigation #submenu2 .submenuWidth2 { width: 120px; }	/* Laser Therapy/col3 */
#navigation #submenu2 .submenuWidth3 { width: 120px; }	/* Laser Therapy/col3 */
#navigation #submenu2 .submenuWidth4 { width: 120px; }	/* Laser Therapy/col4 */


#navigation #submenu3 .submenuWidth1 { width: 120px; }	/* Aesthetic Services/col1 */
#navigation #submenu3 .submenuWidth2 { width: 90px; }	/* makeup/eyes */
#navigation #submenu3 .submenuWidth3 { width: 70px; }	/* makeup/lips */
#navigation #submenu3 .submenuWidth4 { width: 124px; }	/* makeup/trends */

#navigation #submenu4 .submenuWidth1 { width: 200px; }	/* fragrance/womens */
#navigation #submenu4 .submenuWidth2 { width: 125px; }	/* fragrance/mens */
#navigation #submenu4 .submenuWidth3 { width: 70px; }	/* fragrance/gifts */

#navigation #submenu5 .submenuWidth2 { width: 90px; }	/* sun/selftan */
#navigation #submenu5 .submenuWidth3 { width: 70px; }	/* sun/gifts */

#navigation #submenu6 .submenuWidth1 { width: 200px; }	/* mens/3step */
#navigation #submenu6 .submenuWidth2 { width: 135px; }	/* mens/skincare */
#navigation #submenu6 .submenuWidth3 { width: 70px; }	/* mens/shave */
#navigation #submenu6 .submenuWidth5 { width: 130px; }	/* mens/fragrance */
#navigation #submenu6 .submenuWidth6 { width: 70px; }	/* mens/gifts */

#navigation #submenu7 .submenuWidth1 { width: 200px; }

.right {
	float: right;
}

.table1 {
	border: #004080 1px solid;
	padding: 1px;
	width: 580px;
}

.table1 th {
	color: #ffffff;
	text-align: left;
	background-color: #0064c8;
	border: #004080 1px solid;
	padding: 5px 10px;
}

.table1 td {
	background-color: #97e0ff;
	border:#004080 1px solid;
	padding: 5px 10px;
}


.services th {
	background-color: #dddddd;
	border: solid 1px #cccccc;
	margin: 1px;
	padding: 7px 5px;
}

.services td {
	background-color: #ffffff;
	border: solid 1px #cccccc;
	margin: 1px;
	padding: 7px 5px;
}



/* Start Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* End Lightbox */


.product {
	width: 100%;
}

.product th {
	padding: 5px 10px;
	background-color: #aaaaaa;
	color: #ffffff;
	text-align: left;
}

.product td {
	padding: 10px 10px 0;
	vertical-align: top;
}

.product .divider {
	border-bottom: dashed 1px #aaaaaa;
}

.productBorder {
	border: solid 1px #cccccc;
	text-align: center;
}

.product h1 {
	font-size: 12px;
	color: #000000;
}

.product_details {
	width: 100%;
}


.product_details td {
	vertical-align: top;
}

.product_details h1 {
	font-size: 12px;
	color: #000000;
}

.green {
	color: #006600;
}