@charset "utf-8";
/* PRESCRIPTIVES UK SITE STYLES */

* {	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666; }
	
.hide {display: none; }
.selected {background-position: bottom left !important; }
.clear { clear:both; }
p.clear { margin: 0; height: 1px; width: 100%; }
.left {float: left;}
.right {float: right}
	
h1 span, #topnav li span, #bottomnav li span, h2 span, #smlmerch1 p span, #color h3 span, #custom h3 span, #faq h2, #storelocator h2 	{	text-indent:-9999px;
																																			display:block; }
																																				
a:focus {outline: none;}

img a, img {border: none; outline: none;  }
	
body {	font-size:62.7%; overflow: scroll; }
		
#wrapper { width:740px;
		margin:10px auto; }

h1 {	width:170px;
		height:29px;
		background:transparent url(../images/h1_logo.gif) no-repeat top left;
		margin:9px 0 0 0;
		float: left; }
		
h3 {	font-size:1em;
		font-weight:bold; }
		
sup	{	font-size:0.6em; }	
						
#headerBanner { float: right; }
		
#topnav {	width:740px;
			height:28px;
			background:transparent url(../images/ul_nav_bg.gif) repeat-x top left;
			margin:8px 0 0 0;
			padding:0;
			position: relative;
			z-index: 10; }
			
#topnav li {	float:left;
				padding:0 0;
				margin:0;
				height:28px;
				display:block; }
				
#topnav li a {	height:28px;
				display:block; }	
				
#topnav li a:hover, #nav3.hover a {	background-position:bottom left; }							
				
#nav1 a	{	background:transparent url(../images/nav_01.gif) repeat-x;
			width:56px; }

#nav2 a	{	background:transparent url(../images/nav_02.gif) repeat-x;
			width:162px; }

#nav3 a	{	background:transparent url(../images/nav_03.gif) repeat-x;
			width:108px; }
			
#nav3:hover ul { display: block; }
#nav3.hover #shopDropDown {display: block; }
#shopDropDown {padding: 0 0 0 0px; border-bottom: 1px solid #C4C4C4; background: #FFFFFF url(../images/ul_dropdown_bg.gif) no-repeat top left;}
#shopDropDown li { float: none !important; width: 128px; border-right: 1px solid #c4c4c4;  border-left: 1px solid #c4c4c4; padding: 10px 0 11px 10px; height: 7px; }
#shopDropDown li a { background-image: none !important; text-decoration: none; }
#shopDropDown li a:hover { text-decoration: underline; }

#nav4 a	{	background:transparent url(../images/nav_04.gif) repeat-x;
			width:124px; }

#nav5 a	{	background:transparent url(../images/nav_05.gif) repeat-x;
			width:56px; }

#footer	{	clear:both; }
				
#bottomnav {	width:740px;
				height:15px;
				background:transparent url(../images/ul_footer_bg.gif) repeat-x top left;
				margin:5px 0 0 0;
				padding:0; }
				
#bottomnav li {	float:left;
				padding:0 0;
				margin:0 30px 0 0;
				height:15px;
				display:block; }					
				
#bottomnav li a {	height:15px;
					display:block; }
					
#bottomnav li a:hover {	background-position:bottom left; }

#nav6 a	{	background:transparent url(../images/nav_06.gif) repeat-x;
			width:66px; }	
			
#nav7 a	{	background:transparent url(../images/nav_07.gif) repeat-x;
			width:73px; }
#nav8 a	{	background:transparent url(../images/nav_08.gif) repeat-x;
			width:58px; }
			
#nav9 a	{	background:transparent url(../images/nav_10.gif) repeat-x;
			width:38px; }
			
#bottomnav #nav10	{	float:right;
						background:transparent url(../images/nav_09.gif) repeat-x;
						width:109px;
						margin-right:0; }
						
#nav11 {float: right !important; }
#nav11 a {	background:transparent url(../images/nav_11.gif) repeat-x;
			width:142px; }
			
#homepage #content { height: 397px;}
#content { position:relative; z-index: 5;}	
			
#mainmerch	{	float:left; }	

#smlmerch1	{	float:right;
				width:297px;
				height:114px;
				padding:19px;
				background-color:#b3c731; }			
				
#smlmerch1 h2	{	width:288px;
					height:43px;
					margin-top:0; }	
					
#smlmerch1  p	{	width:270px;
					height:30px;
					margin-top:0; }	
					
#smlmerch1 #signUp, #signUpSorry { position: relative; }
#smlmerch1 #signUp h2	{ background:transparent url(../images/h2_signup_title.gif) no-repeat top left;}				
#smlmerch1 #signUp p	{ background:transparent url(../images/p_signup_strap.gif) no-repeat top left; }	
#smlmerch1 #signUpSorry h2	{ background:transparent url(../images/h2_signup_sorry.gif) no-repeat top left;}				
#smlmerch1 #signUpSorry p	{ background:transparent url(../images/p_signup_strap_sorry.gif) no-repeat top left; }		
#smlmerch1 #signUpThanks h2	{ background:transparent url(../images/h2_signup_thanks.gif) no-repeat top left;}				
#smlmerch1 #signUpThanks p	{ background:transparent url(../images/p_signup_strap_thanks.gif) no-repeat top left; }	
					
#smlmerch1 label	{	position:absolute;
						left:-9999px; }
						
#smlmerch1 #email, #emailSorry	{	width:168px;
						margin-right:10px;
						border:1px solid #d1d3d4; }						
												
					
fieldset	{ 	border:none;
				padding:0;
				margin:0; }
				
.submitbutton	{	position:relative;
					top:5px;	 }
					
.aboutsections { clear: both; }			
					
.aboutsections h2	{	height:45px;
						padding:0;
						margin:0;
						clear:both; }
							
#about h2	{	background:transparent url(../images/img_about_bar.jpg) no-repeat top left;
				margin-top:0; }	
					
#about h3	{	border-bottom:1px dashed #cccccc;
				padding:55px 0 10px 0; }					
					
#color h2	{	background:transparent url(../images/img_colour_bar.jpg) no-repeat top left;
				margin-top:0; }	
				
#color h3	{	height:52px;
				background:transparent url(../images/img_colour_hdr.gif) no-repeat top left;
				margin:40px 0 18px 0; }
				
#color p	{	width:255px; }				
					
#custom h2	{	background:transparent url(../images/img_custom_bar.jpg) no-repeat top left;
				margin-top:0; }	
				
#custom h3	{	height:33px;
				background:transparent url(../images/img_custom_hdr.gif) no-repeat top left;
				margin:40px 0 18px 0; }
				
#custom p	{	width:277px; }	

#faq h2	{	background:transparent url(../images/img_faq_bar.jpg) no-repeat top left;
				margin-top:0; }	
					
#faq h3	{	border-bottom:1px dashed #cccccc;
				padding:55px 0 10px 0; }
				
#storelocator h2	{	background:transparent url(../images/img_locator_bar.jpg) no-repeat top left;
						margin-top:0; }											
#storelocator h2.customBlend	{	background:transparent url(../images/img_cbstores_bar.jpg) no-repeat top left !important; }				

.aboutleft	{	width:186px;
				padding:0;
				margin:0;
				float:left;
				clear:both; }
				
.aboutmiddle	{	width:302px;
					padding:0;
					margin:0;
					float:left; }	
					
.aboutright		{	width:252px;
					padding:0;
					margin:0;
					float:left; }
														

#about .aboutmiddle 	{	width:452px; 	}

#custom .aboutleft 		{ 	height:363px; 	}

#custom .aboutmiddle 	{ 	height:363px; 	}

#faq .aboutmiddle 	{	width:438px;
						margin:0 0 35px 0; 
						padding-left: 10px;	}
						
#storelocator .aboutmiddle 	{	width:554px;
								margin:0 0 35px 0; 	}	
								
table	{	width:554px;
			margin-top:30px;
			border-collapse: collapse; }

thead	{	text-align:left;
			border-bottom:1px solid #999999; }
			
th	{	padding-bottom:10px; }					
		
td	{	border-bottom:1px solid #cccccc;
		padding: 25px 0; 	}

												
#smlmerch2 { float: left; width: 335px; height: 241px; background: transparent url(../images/img_homepage_all_you_need.jpg) no-repeat top left; }		



#shopDropDown { position: absolute; display: none; }

#terms .aboutmiddle, #privacy .aboutmiddle { width: 450px; }
#terms h2	{	background:transparent url(../images/img_terms_bar.jpg) no-repeat top left; height: 45px;margin-top:0; }
#terms h3, #privacy h3	{	text-transform: uppercase; border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px; }	
#terms li, #privacy li	{	margin-bottom: 20px; }	
#privacy h2	{	background:transparent url(../images/img_privacy_bar.jpg) no-repeat top left; height: 45px;margin-top:0; }
#privacy ol { padding-left: 20px;}
.alpha { padding-left: 30px !important;}
.alpha li { list-style-type:lower-alpha; }

#contact h2 {background:transparent url(../images/img_contact_bar.jpg) no-repeat top left; height: 45px;margin-top:0; }

#sitemap h2 {	background:transparent url(../images/img_sitemap_bar.jpg) no-repeat top left; height: 45px;margin-top:0; }
#sitemap li {margin-bottom: 12px; }

#popup {background: transparent url(../images/popup_bg.png) repeat-x top left; width: 280px; height: 140px; border: 1px solid #9c9c9c; position: absolute; right: 0; top: 0; z-index:15; display: none;}
#popup a { background: transparent url(../images/popup_close.jpg) no-repeat top left; width: 56px; height: 16px; display: block; position: absolute; right: 0px;}
#popup span {display: block; text-indent: -9999px; }
#popup h3 {background: transparent url(../images/popup_title.jpg) no-repeat top left; width: 279px; height: 38px; margin-top: 23px; }
.popupThanks h3 {background: transparent url(../images/popup_title_thanks.jpg) no-repeat top left !important;}
.popupSorry h3 {background: transparent url(../images/popup_title_sorry.jpg) no-repeat top left !important;}
#popup p { width: 268px; height: 24px; background: transparent url(../images/popup_strap.jpg) no-repeat top left; }
.popupThanks p {background-image: none !important;}
.popupSorry p {background: transparent url(../images/popup_strap_sorry.jpg) no-repeat top left !important;}
#popup label {position:absolute; left: -9999px; }
#popup form { padding-left: 13px; }
#popup #emailAdr { position: absolute; top: 107px; }
#popup #submitbutton {position: absolute; top: 109px; left: 175px; }
.loader {position:absolute; top:106px; left: 179px; display: none; }


/* MAY REFRESH =====================================
==================================================*/

#content .homeMerch { height: 397px; width: 370px; float: left; background-position: top left; background-color: transparent; background-repeat: no-repeat; }
#content .homeMerch h2 { position: relative; margin: 23px 0 0 18px;} 
#content .homeMerch h2 img { position: absolute; top: 0; left: 0; }
#content .homeMerch p { position: relative; margin: 10px 0 0;} 
#content .homeMerch p span{display:block; text-indent: -9999px;}
#content .homeMerch .btn { display: block; width: 109px; height: 25px; background-position: top left; background-color: transparent; background-repeat: no-repeat;margin: 10px 0 0 18px; position: relative; }
#content .homeMerch .btn.red { background-image: url(../images/btn_red_learnmore.gif) }
#content .homeMerch .btn img { position: absolute; top: 0; left: 0; }
#content .homeMerch .award { position: relative; }
#content .homeMerch .award img { position: absolute; top: 0; left: 0; }
#content #homeMerch1 .award { width: 91px; height: 91px; margin-top: 77px; }

#content #homeMerch1 {background-image: url(../images/bg_homeMerch1.jpg); }
#content #homeMerch1 h2 { width: 217px; height: 83px; } 
#content #homeMerch1 p{ background: transparent url(../images/popup_strap.jpg) no-repeat top left; height: 54px; }


#content #homeMerch2{background-image: url(../images/bg_homeMerch2.jpg); }
#content #homeMerch2 h2 { width:328px; height: 85px; } 
#content #homeMerch2 p{ height: 54px; }
#content #homeMerch2 .award { width: 101px; height: 87px; margin-top: 77px; }

#awards { border-bottom: 25px solid #fff; }
#awards h2 {background:transparent url(../images/img_award_bar.jpg) no-repeat top left; margin-top:0; }
#awards .aboutmiddle { width: 410px; }
#awards .aboutright { width: 144px; }
#awards h3.instyle { background: transparent url(../images/h2_awards_instyle.gif) no-repeat top left; width: 410px; height: 81px; }
#awards h3.marieclaire { background: transparent url(../images/h2_awards_marieclaire.gif) no-repeat center left; width: 410px; height: 49px; margin-top: 31px;}
#awards h3 span { color: #FFFFFF; visibility: hidden; }
#awards h4 { border-bottom: 1px dashed #ccc; padding-bottom: 5px; width: 390px; }
#awards p { width: 390px; } 

#awards .aboutright .shopNowBtn { display: block; width: 86px; margin: 0 auto; }

/* ALLSKINS MINERAL PAGE ===========================
==================================================*/
#allskins #content { padding-top: 10px; }
#allskins #content #leftCol { padding-top: 26px; width: 355px; }
#allskins #content #rightCol { padding-top: 28px; width: 375px; }
#allskins #content #leftCol h2 { display: block; background: transparent url(../images/new-mineral-makeup.gif) no-repeat top left; height: 142px; width: 355px;}
#allskins #content #leftCol p { margin-left: 13px; width: 300px; }
#allskins #content #leftCol img { margin: 70px 0 10px; }
#allskins #content #rightCol #mineralPoints {display: block; background: transparent url(../images/new-mineral-makeup_copy.gif) no-repeat top left; height: 91px; width: 341px; margin-top:20px; } 
#allskins #content #rightCol p a { color:#9d3292; font-weight: bold; text-decoration:underline; }
#allskins #content #rightCol #mineralPoints span { display: block; text-indent: -9999px; }


/*Closure*/

#closure {float:left; height:18px; width:100%;}

.closure {font-family:Verdana, Geneva, sans-serif; color:#F00; text-decoration:none;}

.closure:hover {text-decoration:underline;}

#closure-wrapper {width:464px; margin-top:0px; margin:0 auto;}

#closure-header {float:left; width:464px; height:45px; background-image:url(../images/closure-pop-head.png); display:inline; margin:0 auto;}

#closure-mirror {float:left; width:150px; background-image:url(../images/mirror.png); height:230px; background-repeat:no-repeat; background-position:0px 10px 0px 0px; display:inline;}

#closure-text {float:left; width:298px; display:inline;}