@charset "utf-8";
/* 
Deirdre O'Neill Skin Care

copyright 2008-2010
July 30, 2009
April 1, 2010

Design: ArtGirl Design
Production: Product 9 DESIGN

*/

/*---- TAGS -----*/
	body {color:#978981; margin:0; padding:0; background:#fff;
	font-family:Helvetica, Arial, sans-serif; font-size:100.01%; line-height:1.24em;}
	
	img {border:0;}
	p, td, h1, h2, h3, h4, h5 {margin:0; padding:0;}
	
	/* colors */
	/* 
	lt pink 			color:#F399C0
	dk pink				color:#F26BAC
	main text			color:#847872 
	*/

/*---- LINKS -----*/
	a {color:#847872; text-decoration:none; }
	a:visited { color:#847872; text-decoration:none;}
	a:hover {color:#F399C0; text-decoration:none; border-bottom:2px dotted #847872;}
	a:focus {outline:none;}


/*---- LAYOUT -----*/
	#page {width:938px; margin:12px auto; background:url(/images/global/bkg_repeat.gif) repeat-y;}
	
	/*---- HEADER -----*/
	#header {width:938px; height:286px; position:relative; background-position:top center; background-repeat:no-repeat;}
		#home #header {background:url(/images/global/header/header_static.gif); height:156px;}
		#services #header {background:url(/images/global/header/header_services.gif);}
		#products #header {background:url(/images/global/header/header_products.gif);}
		#specials #header {background:url(/images/global/header/header_specials.gif);}
		#contact #header {background:url(/images/global/header/header_contact.gif);}
		#deirdre #header {background:url(/images/global/header/header_deirdre.gif);}
		#studio #header {background:url(/images/global/header/header_studio.gif);}
		.services #header {background:url(/images/global/header/header_sub.gif); height:205px;}
		
		.cleansers#products #header {background:url(/images/global/header/header_products_cleansers.gif);}
		.eyecare#products #header {background:url(/images/global/header/header_products_eye-care.gif);}
		.highperf#products #header {background:url(/images/global/header/header_products_highperf.gif);}
		.moisturizers#products #header {background:url(/images/global/header/header_products_moisturizers.gif);}
		.suncare#products #header {background:url(/images/global/header/header_products_suncare.gif);}
		.toners#products #header {background:url(/images/global/header/header_products_toners.gif);}
		.products#products #header {background:url(/images/global/header/header_products.gif);}
		
		.holiday#specials #header {background:url(/images/global/header/header_specials_holiday.gif);}
		.pumpkin#specials #header {background:url(/images/global/header/header_specials_pumpkin.gif);}
		.spring#specials #header {background:url(/images/global/header/header_specials_spring.gif);}
		
	#click_home a { position:absolute; top:37px; left:643px; width:246px; height:79px; display:block; text-decoration:none; border-bottom:none; }
		/* header - services sub pages */
		#click_home_services a { position:absolute; top:42px; left:358px; width:239px; height:160px; display:block; text-decoration:none; border-bottom:none; }
		#service_category { position:absolute; display:block; padding:0; margin:35px 30px 0 0; width:291px; height:100px; right:0px; top:0px; 
		text-align:right; color:#F399C0; font-weight:normal; font-size:1.4em; text-transform:uppercase;}
	
	/*---- CONTENT -----*/		
	#content {padding:0 150px 15px 20px; position:relative;}
	#content_margin {padding:12px 24px;}
		
		/*#deirdre #content {margin:0 20px 15px 20px;}*/
	
	/*---- FOOTER -----*/
	#footer {padding:0 0 18px 0; }
	#footer p {font-size:0.9em; }
	#content_footer { position:relative; background:url(/images/global/footer/bkg_footer.gif) center bottom no-repeat; height:30px; }
		
		/* Plain text navigation - located outside of footer and page*/
		#nav_text {position:relative; margin:0 0 15px 0;}
			#nav_text p {padding:0; margin:0; font-size:0.77em; text-align:center;}
			#nav_text a {padding:0 0 0 0; text-decoration:none; border:none;}
			#nav_text a:hover {border-bottom:2px dotted #847872;}
		
		#copyright {padding:6px 0 0 0; text-align:center; }
			#copyright p {font-size:0.77em;}
	
	/*---- NAVIGATION -----*/
		
		/* Main Navigation - located at bottom of page */
		#nav_wrapper {position:relative; background:url(/images/global/footer/footer_nav_bkg.gif) no-repeat; height:85px;}
		#nav {position:relative;}
		
		ul#nav { margin:0 0 0 55px; padding:0; top:19px; position:absolute; }
		ul#nav li { list-style:none; display:block; float:left;}
		.nav_item a {display:block; height:50px; width:100px; border:none; text-decoration:none;}
		.nav_item a:hover {background-position:0 -50px;}
			/*services*/
			.nav_item a#nav_01 {width:139px; background:url(/images/global/nav/nav2_services.gif) 0 0 no-repeat;}
			#services .nav_item a#nav_01 {background-position:0 -100px;}
			.nav_item a:hover#nav_01, #services .nav_item a:hover#nav_01 {background-position:0 -50px;}
			
			/*products*/
			.nav_item a#nav_02 {width:155px; background:url(/images/global/nav/nav2_products.gif) 0 0 no-repeat;}
			#products .nav_item a#nav_02 {background-position:0 -100px;}
			.nav_item a:hover#nav_02, #products .nav_item a:hover#nav_02 {background-position:0 -50px;}
			
			/*specials*/
			.nav_item a#nav_03 {width:137px; background:url(/images/global/nav/nav2_specials.gif) 0 0 no-repeat;} 
			#specials .nav_item a#nav_03 {background-position:0 -100px;}
			.nav_item a:hover#nav_03, #specials .nav_item a:hover#nav_03 {background-position:0 -50px;}
			
			/*contact*/
			.nav_item a#nav_04 {width:142px; background:url(/images/global/nav/nav2_contact.gif) 0 0 no-repeat;} 
			#contact .nav_item a#nav_04 {background-position:0 -100px;}
			.nav_item a:hover#nav_04, #contact .nav_item a:hover#nav_04 {background-position:0 -50px;}

			/*deirdre*/			
			.nav_item a#nav_05 {width:139px; background:url(/images/global/nav/nav2_deirdre.gif) 0 0 no-repeat;} 
			#deirdre .nav_item a#nav_05 {background-position:0 -100px;}
			.nav_item a:hover#nav_05, #deirdre .nav_item a:hover#nav_05  {background-position:0 -50px;}
			
			/*studio*/
			.nav_item a#nav_06 {width:116px; background:url(/images/global/nav/nav2_studio.gif) 0 0 no-repeat;} 
			#studio .nav_item a#nav_06 {background-position:0 -100px;}
			.nav_item a:hover#nav_06, #studio .nav_item a:hover#nav_06 {background-position:0 -50px;}
		
		
		/* Home Page Navigation - located in header */
		#nav_wrapper_home { position:relative; background:url(/images/global/footer/bkg_repeat.gif); height:152px; }
		#nav_home { position:absolute; top:5px; left:35px; height:76px; width:608px; background:url(/images/global/nav/nav_bkg.gif) no-repeat; }
		
		.nav_home_item_wrapper {position:relative;}
		.nav_home_item {}
		
		ul#nav_home { margin:0 0 0 0px; padding:15px 0 0 10px; top:41px; position:absolute; }
		ul#nav_home li { list-style:none; display:block; float:left;}
		.nav_home_item a {display:block; height:40px; border:none; text-decoration:none;}
		.nav_home_item a:hover {background-position:0 0px;}
			/*services*/
			.nav_home_item a#nav_home_01 {width:118px; background:url(/images/global/nav/nav_services.gif) 0 -80px no-repeat;}
			.nav_home_item a:hover#nav_home_01 {background-position:0 0px;}
			
			/*products*/
			.nav_home_item a#nav_home_02 {width:125px; background:url(/images/global/nav/nav_products.gif) 0 -80px no-repeat;}
			.nav_home_item a:hover#nav_home_02 {background-position:0 0px;}
			
			/*specials*/
			.nav_home_item a#nav_home_03 {width:110px; background:url(/images/global/nav/nav_specials.gif) 0 -80px no-repeat;} 
			.nav_home_item a:hover#nav_home_03 {background-position:0 0px;}
			
			/*contact*/
			.nav_home_item a#nav_home_04 {width:118px; background:url(/images/global/nav/nav_contact.gif) 0 -80px no-repeat;} 
			.nav_home_item a:hover#nav_home_04 {background-position:0 0px;}

			/*deirdre*/			
			.nav_home_item a#nav_home_05 {width:115px; background:url(/images/global/nav/nav_deirdre.gif) 0 -80px no-repeat;} 
			.nav_home_item a:hover#nav_home_05 {background-position:0 0px;}
			
			
		#logo_home {text-align:right; margin:0 50px;}
		
		
		/* Services Navigation - located in content body */
		#services #content {padding:0 20px 15px 20px;}
		#nav_services {}
			.nav_services_item {height:35px; clear:left; padding:0 0 15px 0;}
			.nav_services_item span {margin:6px 0 0 0; display:block; float:left;}
			.nav_services_item a {display:block; height:35px; float:left; background-position:0 0; background-repeat:no-repeat; border:none;}
			.nav_services_item a:hover {background-position:0 -35px; background-repeat:no-repeat;}
			
				a#nav_services_01 {width:120px; background:url(/images/services/nav_services_facials.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_02 {width:300px; background:url(/images/services/nav_services_upgrades.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_03 {width:90px; background:url(/images/services/nav_services_peels.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_04 {width:210px; background:url(/images/services/nav_services_advanced.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_05 {width:290px; background:url(/images/services/nav_services_microderm.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_06 {width:240px; background:url(/images/services/nav_services_make-up.gif) no-repeat; padding:0 15px 0 0;}
				a#nav_services_07 {width:120px; background:url(/images/services/nav_services_waxing.gif) no-repeat; padding:0 15px 0 0;}
				
				a:hover#nav_services_01 {background-position:0 -35px;}
				a:hover#nav_services_02 {background-position:0 -35px;}
				a:hover#nav_services_03 {background-position:0 -35px;}
				a:hover#nav_services_04 {background-position:0 -35px;}
				a:hover#nav_services_05 {background-position:0 -35px;}
				a:hover#nav_services_06 {background-position:0 -35px;}
				a:hover#nav_services_07 {background-position:0 -35px;}
		
		/* Services Sub Navigation - located btwn header and content body */
		
		#nav2_services {color:#F399C0; text-transform:uppercase; padding:10px 0; text-align:center; font-size:.8em;}
			#nav2_services a {color:#F399C0; text-decoration:none;}
			#nav2_services a:hover {color:#847872; text-decoration:none; border-bottom:2px dotted #847872;}
			.nav2_services_item {}
			.nav2_services_spacer {padding:0 6px;}
		

/*---- FONTS -----*/
	#content p  {padding:0px 0 12px 24px; font-size:.95em; line-height:1.4em; font-stretch:semi-expanded;}
	#content h1 {font-size:1.3em; line-height:1.1em; padding:10px 0 20px 0; }
	#content h2 {padding:15px 0 3px 24px; margin:0; font-size:.95em; color:#F399C0; font-weight:normal; background:url(/images/global/bullet_pink.gif) 0 15px no-repeat;}
	#content h3 {padding:5px 0; font-size:.95em;}
	#content ul {font-size:.95em; padding:0 0 12px 0px; margin:0 0 0 24px;}
	#content li {list-style-image:url(/images/global/bullet_round.gif); padding:0 0 0 0px; margin:0 0 3px 10px;}
	

/*---- CLASSES -----*/
		#content h2.bullet, #content .bullet_list h2 { background:url(/images/global/bullet_pink.gif) 0 15px no-repeat; padding:15px 0 3px 24px;}
		#content p.bullet, #content .bullet_list p {padding:0px 0 12px 24px;}
		
		.spacer_50 {height:50px;}
		.spacer_100 {height:100px;}
		.spacer_150 {height:150px;}
		
		strong.emphasis {color:#F399C0; font-weight:normal;}
		
		#content p.notice {font-style:italic; font-size:0.8em; text-align:center; padding:12px 0 3px 0px;}

/*---- PAGES -----*/

	/* studio */ 
	#studio #photos { position:absolute; top:136px; width: 290px; height: 215px; left: 537px; }
	#studio #photos a {border:none;}
	.photo_item {float:left; margin:0 10px 10px 0;}
	
	/* products */
	#products #content_margin { padding:12px 24px 12px 80px; position:relative; width:800px; min-height:300px;}
	#products #content p {padding:0px 0 18px 0px;}
	#products #content .bullet_list ul {font-size:.95em; padding:0 0 12px 10px; margin:0 0 0 24px;}
	#products #content .bullet_list li { list-style-image:url(/images/global/bullet_pink.gif); padding:0 0 0 10px; margin:0 0 12px 10px;}
	
		.product_description {}
		#products #content h1 {font-size:1.0em; line-height:1.1em; padding:0 0 18px 0; color:#F399C0;}
		#products #content h2 {padding:0px 0 18px 0px; margin:0; font-size:.95em; color:#978981; font-weight:bold; background:none;}
		#products #content p.product_details {padding:18px 0 18px 0px; border-top:dotted 3px #978981; width:40%;} 
		
		#product_left { width:250px; position:absolute; top:12px; left:80px; height:250px; }
		#product_right {margin-left:260px; margin-right:150px;}
		
		.product_box_wrapper {width:210px; height:210px; background-color:#CBC3B7; padding:2px; margin:0 0 15px 0;}
		.product_box_border {border:3px dotted #FFFFFF; padding:2px;}
		.product_box_pic {background-color:#FFFFFF;}
		
		#product_price {top:280px; left:80px; padding:0 0 0 0; font-size:.96em; font-weight:bold;}
		.add_to_cart { top:225px; left:99px; position:absolute; width: 119px; }
		.add_to_cart a {display:block; width:115px; height:30px; background:url(/images/store/global/add_to_cart.gif) top center no-repeat;}
		.add_to_cart a:hover {background:url(/images/store/global/add_to_cart.gif) bottom center no-repeat; border:none;}	
		
	/*specials */
	#specials #content {padding:0 20px 15px 20px;}
	#specials #content_margin {padding:12px 24px 12px 80px;}
	#specials #content h2 {color:#847872; font-size:1.2em; padding:13px 0 15px 24px; margin:0 0 0 0; line-height:1.4em;}
	#specials #content p {padding:0px 0 24px 24px}
	

	/*services sub pages*/
	.services #content {padding:20px 20px 0 20px;}
	.services #content ul {padding:0 0 12px 0px; margin:0 0 0 24px; font-size:.95em; font-weight:normal;}
	.services #content li {list-style-image:url(/images/global/bullet_pink.gif); padding:0 0 24px 10px; margin:0 0 3px 10px;}
	.list_title {font-size:.95em; color:#F399C0; font-weight:normal; text-transform:uppercase;}
	.bullet_disc {color:#F399C0; margin:0 10px;}
	.nav_services_item span .bullet_disc {display:inline; float:none; margin:0 10px;}
	
	.services #content h3 {padding:10px 0 12px 12px; font-size:.95em; line-height:1.4em; font-stretch:semi-expanded; font-weight:normal;}
	.services .subhead span {color:#F399C0; font-weight:normal; text-transform:uppercase; font-size:1.15em;}

	.services#microdermabrasion #content p {padding:0px 0 12px 12px}
	.services#microdermabrasion #content h3 {padding:0px 0 0px 12px; }
	
	#waxing #col1 { position:absolute; top:20px; left:65px; }
	#waxing #col2 { position:absolute; top:20px; left:325px; }
	
	/* home */ 
	#home #content { background:url(/images/home/body_home.jpg) 50px 0 no-repeat; padding:180px 255px 15px 30px; height:280px; }
	#home #content h2 {padding:3px 0 0px 24px; font-size:.95em; line-height:1.4em; font-stretch:semi-expanded; color:#978981; 
	font-weight:normal; background: url(/images/global/bullet_home.gif) no-repeat;}
	
	/* deirdre */
	#deirdre #content h2 {font-size:1.05em;}
	#deirdre #content p {font-size:1.05em;}