@import url(global.css);
@import url(navigation.css);

/* fonts used:
font-family:'DIN1451W01-Mittelschrif';
font-family:'DIN Next W01 Italic';
font-family:'DIN Next W01 Light';
font-family:'DINNextW01-LightItalic';
font-family:'DIN Next W01 Medium';
font-family:'DIN Next W01 Regular';
font-family:'DINNextLTW01-UltraLight 706122';
*/

/******** HOME PAGE CSS ***********/



#flash_content { width: 940px; height: 310px; margin: 12px 0 0px 0;}
#home_nuggets {
	width: 234px;
	height: 310px;
	overflow: hidden;
	margin: 0 0 0 5px; padding: 0; float: left;
}
#slider {float: left;}

	ul#home_nuggets li {
	 	display: block;
	 	float: left;
	 	width: 234px;
	 	height: 100px;
	 	-moz-opacity: 0;
	 	opacity: 0;
	 		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 		filter: alpha(opacity=0);
		text-indent: -9999px;
	 	margin: 0 0 5px 0;
	 	padding: 0;
	 }
		
	 #home_nuggets li a {
	 	display: block;
	 	height: 100px;
	 	background-position: 0 0;
	 	background-repeat: no-repeat;
	 	
	 }
	 
	 ul#home_nuggets li#three a { 
		/*background: url(../_img/home_nugget_todayshow.gif);*/
		background: url(../_img/home_nugget_celeb.jpg);
			}
	ul#home_nuggets li#two a{ 
			background: url(../_img/home_nugget_glacialwaters.jpg);
			}
	 ul#home_nuggets li#one a{
	 	margin-bottom: 0;
	 /*	*/
	 background: url(../_img/home_nugget_hcfeg.gif);
	 	}
ul#home_nuggets li#one a:hover,
ul#home_nuggets li#two a:hover,
ul#home_nuggets li#three a:hover{
	background-position: 0 -100px;
}


#mission {
	float:left;
	width: 560px;
	font-size: 14px;
	color: #507392;
	position: relative;
	margin-top: 10px;
}
#mission p {
		padding: 0px 10px;
		line-height: 1.4em;
		}
		
.home #vid_nugget {
	float: right;
	width: 328px;
	background: url(../_img/home_vid_bkg.gif) no-repeat;
	padding: 10px 5px 10px 15px;
	margin-top: 15px;
	height: 130px;
}
.home #vid_nugget img {
	float: left;
}
.home #vid_nugget p {
	float: left;
	color: #507392;
	width: 145px;
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 1.15em;
	
}
.home #vid_nugget p.watch {
	margin-top: 4px;
	font-weight: bold;
}
.home #vid_nugget h3 {
	text-indent: -9000px;
	height: 0;
	width: 308px;
	padding-top: 25px;
	margin: 0px 0 8px 0;
	background: url(../_img/home_vid_h3.gif) no-repeat;
	}

.home #content .signup_bar {
	position: relative;
	background: #6182a3;
	padding: 5px 10px;
	margin-top: 8px;
	width: 920px;
}

.home #content .signup_bar label {
	background: url(../_img/home_main_signup_label.gif) no-repeat;
	text-indent: -9999px;
	width: 568px;
	padding-top: 13px;
	margin-top: 5px;
}
.home #content .signup_bar input {padding: 4px;}
.home #content .signup_bar input.signupemail{
	width: 200px;
	padding-right: 5px;
	margin-left: 10px;
}
.home #content .signup_bar input.submit {
	margin: 1px 0 0 5px;
	padding: 0;
	}


	input.signupemail {
	width: 120px;
}

#freeship_scroll {

	left: 234px;
	}
	
	#runons_ticker {
        position:relative;
        display:block;
		background-color:#6182A3;
		color: #fff;
		font-family:'DIN Next W01 Light', sans-serif;
		padding: 2px 0;
		font-size: 26px;
		line-height: 40px;
		height: 33px;
		overflow: hidden;
		margin: 5px 0 0 0;
		
	}
	#runons_ticker p {
		/*width: 4000px;*/
		white-space: nowrap;
		margin: 0;
		padding: 0;

	}
	#runons_ticker strong {
	font-family:'DIN Next W01 Medium', sans-serif;
	font-weight: normal;
	}
    
    div.scrollingtext{
        position:absolute;
        text-transform: uppercase;
    }
/* home video popup */

#brand.vidpop #content {
	width: 720px;
	margin: 0 0 0 20px;
	overflow: hidden;
}
#brand.vidpop  h2 {
	background: url('../_img/brandbuzz_h2_behindbrand.gif') no-repeat;
	margin-bottom: 15px;
}

/***** Shop by Product ****/

/* shop listing */
.shop #main {
	position: relative;
	width: 705px;
	left: 240px;
	top: 10px;
}
#breadcrumbs {
	border-bottom: solid 1px #dae4ee;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: 16px;
	font-size: .9em;
	color: #888;
}
#breadcrumbs a {
	color: #888;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}
#breadcrumbs span {
	color: #bbb;
}
input.addall {
	float: right;
	margin: -55px 18px 0 0;
}


.shop.category h2 {
	background: url('../_img/shop_h2_product.gif') no-repeat;
}
.shop.concern h2 {
	background: url('../_img/shop_h2_concern.gif') no-repeat;
}
.shop .h3-bkg {
	width: 705px;
	height: 47px;
	clear: both;
	background: url(../_img/shop_h3_bkg.gif) no-repeat;
	margin-bottom: 10px;
}

.shop.concern #content {margin-top: 15px;}
.shop.concern #content h2 {display: none;}
.shop.concern #content .h3-bkg {
	margin-bottom: 0; 
	position: relative;
	z-index: 10;
	/*background: url(../_img/shop_h3_bkg.png) no-repeat 0 5px;*/
	background: none;
	}
.concern-banner {margin-top: 0px; margin-bottom: 20px; position: relative; z-index: 2;}
.shop.concern #breadcrumbs {
	border: 0;
	margin-bottom: 5px;
	display: none;
}
.shop #content h3 {
width: 685px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
	padding: 7px 0px 0 16px;
	height: 35px;
	font-size: 1.8em;
	font-weight: normal;
	font-family:'DIN Next W01 Regular', sans-serif;
	
}
.shop #content #product h3 {
	font-size: 1.3em;
	line-height: 1.2em;
}
.shop h3 span { font-weight: normal; }

.shop h4 {
	color: #6182A3;
	margin: 0 0 8px 0;
	font-size: 1.1em;
	line-height: 1.3em;
}
.shop h4 a {
	color: #6182A3;
	}
  
.product_tmb {
	float: left;
	width: 340px;
	margin: 5px 5px 10px 0;
	font-size: 1em;
	line-height: 1.3em;
	height: 265px;
}
.product_tmb img {
	float: left;
	margin-right: 10px;
}
.product_tmb .desc {
	float: left;
	width: 225px;
}
.product_tmb p {
	margin: 5px 0;
}
p.price {
	font-weight: bold;
	margin-bottom: 0;
	}
p.size {
	margin-top: 0;
}
.shop label {
	font-weight: bold;
}
.shop #content input.quantity {
	width: 15px;
	margin-left: 5px;
	text-align:center;
}
#content input.addbag {
	margin-top: 10px;
	border: 0;
	width: auto;
	padding: 0;
}

.out-of-stock {
	background: #eee;
	color: #999;
	padding: 5px 5px;
	text-align: center;
	width: 130px;
}
/* end shop listing */
/* shop by concern */
.shop.concern #main {
min-height: 700px;

}
.shop.concern #main ul#nugget {
	list-style-type: none;
	margin: 0; padding: 0;
}

.shop.concern #main ul#nugget li.last {
	margin-right: 0;

}


.shop.concern ul#nugget li {
	float: left;
	width: 230px;
	height: 200px;
	background-position: 0 -200px;
	background-repeat: no-repeat;
	margin: 0 5px 20px 0;
	overflow: hidden;
	padding: 0;
}

.shop.concern ul#nugget a {
	display: block;
	float: left;
	overflow: hidden;
	width: 200px;
	height: 170px;
	background-repeat: no-repeat;
	text-indent: -3000px;
	color: #fff;
overflow: hidden;
	text-decoration: none;
}

.shop.concern ul#nugget a:hover {
	background-position: 0 -200px;
	text-indent: 0;
}

.shop.concern ul#nugget  a {
	padding: 15px;
}

.shop.concern.main ul#nugget h3  {
	text-transform:none;
		font-family:'DIN Next W01 Regular', sans-serif;
		line-height: 1.2em;
padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 17px;
	
}

.shop.concern.main ul#nugget li.vday-gifts, .shop.concern.main ul#nugget li.hidden, .shop.concern.main ul#nugget li.summer, .shop.concern.main ul#nugget li.fallacne, .shop.concern.main ul#nugget li.holidaygifts-45, .shop.concern.main ul#nugget li.pamper-newyear,
.shop.concern.main ul#nugget li.hidden
{
	display: none;
}

/* End shop by concern */

/**** PRODUCT DETAIL ****/
.shop.product_detail h2 {
	text-transform: none;
	color: #6182A3;
	/*font-size: 1.5em;*/
	font-size: 1.7em;
	line-height: 1em;
	height: auto;
	text-indent: 0px;
	overflow: hidden;
	width: auto;
	padding-top: 0px;
	margin-top: 0;
	font-weight: normal;
	font-family:'DIN Next W01 Medium';
}
.product_detail h2 span {
	text-transform: uppercase;
	font-size: .7em;
	font-weight: normal;
}
.product_detail h2 a {
color: #6182A3;
}
.product_detail #content h3 {
	color: #777;
	text-transform: none;
	font-size: 1em;
	width: auto;
	margin: 0;
	height: auto;
	padding: 0 0 0px 0;
}
.product_detail h4 {
	text-transform: uppercase;
	margin: 10px 0 0 0;
	font-size: 1.1em;
}

#aside {
	width: 260px;
	float: left;
}
#product {
	margin-top: 30px;
	}
#product_content {
	width: 420px;
	margin: 0 0 0 20px;
	float: right;
}

#product_info {
	margin: 15px 0 0 0;
}
#product_info p {
	margin: 2px 0 0 0;
}
.shop #product label, .shop #product input {
	float: left;
	margin: 2px 0 0 0;
	margin-right: 10px;
	padding: 0;
}
.shop #product .price {
	float: left;
	margin-right: 10px;
	width: 130px;
	border-right: solid 1px #dae4ee;
}
.shop #product .add {
	float: left;
	width: 200px;
	margin-left: 10px;
}
.shop #product_info input.addbag {
	margin-top: 0px;
}

#main .tabs {
	margin: 20px 0 0;
	height: 26px;
	list-style-type: none;
	border-bottom: 1px solid #c1d2e3;
}

#main .tabs li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}

#main .tabs a {
	float: left;
	height: 16px;
	margin: 0 4px 0 0;
	padding: 5px 10px;
	color: #4f79a3;
	outline: none;
}

#main .tabs a.selected {
	border: 1px solid #c1d2e3;
	border-bottom-width: 0;
	background-color: #fff;
	text-decoration: none;
}

.tab_content {
	padding: 10px;
}
.tab_content p {
	margin: 10px 0 0 0;
}
#how_to.tabs, #ingredients.tabs , #fan_feedback.tabs  {
	display: none;
}

#send-friend {
	border-top: solid 1px #dae4ee;
	border-bottom: solid 1px #dae4ee;
	padding: 7px 0;
	overflow: hidden;
	color: #936;
	font-size: .9em;
}
/* these properties are inherited from #product label and input above */
.shop #content #send-friend label {margin-top: 4px;}
 #content #send-friend  input.enterfriend {color: #936; margin: 2px 5px 0 0px; padding: 4px; width: 180px;}

#before-after {
	width: 190px;
	margin: 0 auto;
	border-bottom: solid 1px #dae4ee;
	border-top: solid 1px #dae4ee;
	background: #e8f0f7;
	padding: 10px 10px;
	line-height: 1.2em;
}
#before-after p {margin-top: 5px; font-size: .9em;}

#before-after .tmb a{
	margin-right: 9px;
	float: left;
		width: 55px;
	border: solid 1px #e8f0f7;
	margin-left: 33px;
}
#before-after .tmb.last a{
	margin-right: 0;
	margin-left: 0;
}
#before-after .tmb a:hover {
	border: solid 1px #6182A3;
	opacity: .6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);

}
#before-after h5 {
	background: url(../_img/shop_beforeafter_h5.gif) no-repeat;
	width: 190px;
	padding-top: 15px;
	height:0;
	text-indent: -3000px;
	margin: 0;
}

	
	
/* Before and Afters template page */
.ba_column p {
	text-transform: uppercase;
	margin: 5px 0 10px 0;
}

.ba_column {
	float: left;
	width: 410px;
	margin-right: 25px;
}

.ba_column img {
	display: block;
}

.ba_column.last {
	margin-right: 0;
}

/* STRESS & SKIN */
.stress_skin #main {
	position: relative;
	width: 705px;
	left: 240px;
	top: 15px;
}
.stress_skin h3 {
	margin-top: 0;
	line-height: 1.5em;
}
.stress_skin h3 span {
	font-size: .9em;
	font-weight: normal;
}
.stress_skin h4 {color: #6182A3; border-bottom: dotted 1px #ccc; line-height: 1.5em;}

/* How stress affects skin */
#how h2 {
	background: url('../_img/stress_h2_stress_skin.gif') no-repeat;
	margin-bottom: 20px;
}


#how.stress_skin #left-nav {
	top:-3px;
}
#how.stress_skin #main a {
color: #6182A3;
}

#how .why {
	border-top: dotted 1px #ccc;
	padding: 15px 0 10px 0;
}
#how #content table {
	border-collapse: collapse;
	margin-bottom: 15px;
	
}
#how #content table th {
	
	text-transform: uppercase;
	color: #fff;
	padding: 7px 10px;
	background-color: #6182A3;
	border-right: solid 1px #fff;
	width: 205px;
}

#how #content table th.does {
	background-color: #9f7490;
}
#how #content table th.reacts{
	background-color: #779b9e;
	
	}
#how #content table th.solution{
	width: 230px;
	
	}
#how #content table td {

	padding: 7px 10px;
	background-color: #f3f7ff;
	border-right: solid 1px #fff;
	width: 205px;
	border-bottom: dotted 1px #fff;
	}
#how #content table td.does {
	background-color: #f5f1f3;
	}
#how #content table td.reacts {
	background-color: #e9f7f2;
	}
#how table td.solution{
	color: #6182a2;
	width: 230px;
	
}

#how table td.last {
	padding-bottom:15px;
}


#how.tsc h2 {

font-family:'DIN Next W01 Light';
border-bottom: solid 1px #ddd;
	text-indent: 0;
	font-size:  2.4em;
	line-height: auto;
	width: auto;
	overflow: visible;
	height: auto;
	padding: 0 0 7px 0;
	background: 0;
	font-weight: normal;
	margin-bottom: 15px;

}

.stress_skin.tsc #main {
	left: 0;
	width:auto;
	top: 15px;
}
.stress_skin.tsc h3 {
font-family:'DIN Next W01 Light', sans-serif;
text-transform: uppercase;
font-weight: normal;
margin: 10px 0 0 0px;
padding-bottom: 0;
font-size: 2em;

}
.stress_skin.tsc h4 {
	color: #555;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 0;
	border: 0;
	padding-bottom: 60px;
}

.stress_skin.tsc h5 {
font-family:'DIN Next W01 Light', sans-serif;
text-transform: uppercase;
font-weight: normal;
margin: 5px 0 10px 0;
padding-bottom: 0;
font-size: 1.7em;
line-height: 1.2em;
color: #777;

}

#how.tsc #content table {
	width: 615px;
height: 435px;
	float: left;
}
#how.tsc #content table td {
	color: #555;
	padding: 7px 10px 10px;
	background-color: #f3f7ff;
	border-right: 0;
	border-bottom: solid 3px #fff;
	}

#how.tsc #content table td.does {
	background-color: #f3eef1;
	width:155px;
	}
#how.tsc #content table td.does a {
	color: #555;
}
#how.tsc #content table td.does span {
	font-size: .9em;
	color: #777;
}
#how.tsc #content table td.reacts {
	background-color: #eef3f3;
	width: 185px;

	}
#how.tsc #content table td.solution{
	color: #6182a2;
	width: 220px;
	
}
#how.tsc #content table th {
	
	text-transform: uppercase;
	color: #fff;
	padding: 10px 10px 7px;
	background-color: #6182A3;
	border-right: 0;
	width: auto;
	font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.1em;
	text-align: left;

}

#how.tsc #content table th.does {
	background-color: #9f7490;
}
#how.tsc #content table th.reacts{
	background-color: #779b9e;
	
	}
#how.tsc #content table th.solution{
	width: auto;
	
	}

.tsc #aside {
	width: 315px;
	height: 450px;
	float: right;
	margin-top: -15px;
	position:relative;
}
.tsc #aside li{
	display: block;
	width: 315px;
	height: 450px;
	color: #555;
	text-align: center;
	padding: 0;
	margin: 0;
	float: left;
}

.tsc #aside li p{
	position: relative;
	top: 400px;
	font-size: 1.1em;
	font-weight: bold;
	text-shadow: 1px 1px #ccc;
}
.tsc #aside li.normal {
	background: url('../_img/tsc_face_normal.jpg') no-repeat;
}
.tsc #aside li.acne {
	background: url('../_img/tsc_face_acne.jpg') no-repeat;
}
.tsc #aside li.wrinkles {
	background: url('../_img/tsc_face_acnewrinkles.jpg') no-repeat;
}
.tsc #aside li.hyper, .tsc #aside li.replay {
	background: url('../_img/tsc_face_acnewrinkleshyper.jpg') no-repeat;
}



.tsc #aside li.replay p {
	background: url('../_img/tsc_face_replay.png') no-repeat;
	background-position: top left;
	text-indent: -9999px;
	height: 0;
	padding-top: 46px;
	width: 164px;
	top: 390px;
	margin: 0 auto;
}
.tsc #aside li.replay p:hover {
	cursor: pointer;
	background-position: bottom left;
}
#aside li.hide {
	display: none;
}



/* FAQs */
#faqs h2 {
	background: url('../_img/stress_h2_faqs.gif') no-repeat;
	margin-bottom: 25px;
}

.answer p {
	margin-top: 5px;
}
#faqs dt {
	padding: 5px 0;
	font-weight: normal;
}

#faqs dd {
	line-height: 1.4em;
	margin-left: 0;
	padding: 5px 10px 2px 10px;
	background-color: #f3f7ff;
	margin-bottom: 15px;

}


/* Stress Tests */
.test h2 {
	background: url('../_img/stress_h2_tests.gif') no-repeat;
}
.quiz-score {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}
.test #content .quiz-a-radio {
	width: 400px;
}

.test #content table {
	margin-bottom: 15px;
}
#type-a #content td {
	padding: 10px 4px;
	vertical-align: top;
}
p.back-to-tests {
	float: right;
	padding-right: 10px;
	margin-top: -5px;
}


.test .login-box1 label {
	width: 125px;
	float: left;
}
.test .login-box2 label {
	width: 175px;
	float: left;
}
/*.test input {
	width: 150px;
}*/
.test #content th {
	background: #ebf0f4;
	color: #6182A3;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
}
.test #content td {
	border-bottom: solid 1px #eee;
	padding: 3px;
}
.test input.checkbox, 
.test #content .quiz-a-radio input,
.test #content select {width: auto;}
.test #content input {width: 150px;}
.test #content input.checkbox {width: auto;}
.test #content input.submit_btn {
	float: left;
	width: auto;
}
.test .login-box1 {
	float: left;
	width:300px; 
	}

.test .login-box2 {
	width:345px; 
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 1px #ccc;
	}
.test .proceed-guest {
	float: right;
}

.test #main {
	padding-bottom: 150px;
}
/* Stress Tips */
#tips h2 {
	background: url('../_img/stress_h2_tips.gif') no-repeat;
	margin-bottom: 5px;
}


#tips h3 {
	font-weight: normal;
	margin-top: 0;
}
#tips p {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}
#tips p.last {border-bottom: 0;}
/* Stress Q & A */
#qa h2 {
	background: url('../_img/stress_h2_qa.gif') no-repeat;
}


/* Stress in America */
#stress-america h2 {
	background: url('../_img/stress_h2_stressamerica.gif') no-repeat;
	margin-bottom: 5px;
}
#stress-america h3 {
	font-weight: normal;
	margin-top: 0;
}
#stress-america h4 {
	margin-bottom: 5px;
}

/* Experts */
.stress_skin.experts h2 {
	background: url('../_img/stress_h2_experts.gif') no-repeat;
}


.stress_skin.experts .bio {margin-bottom: 20px;}
.stress_skin.experts #main ul {
	margin-left: 20px;
}
/* Screensavers */
#screensavers h2 {
	background: url('../_img/stress_h2_screensavers.gif') no-repeat;
}
.screensavers {
	width: 300px;
	float: left;
}
.screensavers.last {
	width: 350px;
}
.screensavers #screensaver_runons {
border: solid 1px #eee;
}
/* Articles */
.articles h2 {
	background: url('../_img/stress_h2_articles.gif') no-repeat;
}
.articles .footnote {
	font-size: .85em;
	font-style: italic;
}
.stress_skin.articles h3 {
	border-bottom: solid 1px #6182A3;
}

/* Biospheric complex */
#bio-complex h2 {
	background: url('../_img/stress_h2_biocomplex.gif') no-repeat;
}
#bio-complex #main {
	position: relative;
	width: 705px;
	left: 240px;
	top: 15px;
}
#bio-complex #main em {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
} 

#bio-complex h4 {
	margin-bottom: 10px;
	}
#bio-complex p{
	margin-top: 0px;
}
#bio-complex .section {
	height: 100px;
}

/* More on stress and skin */
#more h2 {
	background: url('../_img/stress_h2_more.gif') no-repeat;
}
#more #main ul{
	list-style-type: none;
	
	}
#more #main ul li {
	list-style-type: none;
	float: left;
	background: none;
	margin: 0 7px 0 0;
	padding: 0;
	text-indent: -3000px;
	font-size: 1px;
	overflow: hidden;	
	
}
#more #main ul li a { 
	display: block; 
	border: solid 2px #fff;
	padding: 0;
	width: 130px;
	height: 120px;
	overflow: hidden;	
	}
#more #main ul li.last {
	margin-right: 0;
}
#more #main ul li a:hover {
	border: solid 2px #6182A3;
	
}

#more #main ul li#box_qa a{
	background: url('../_img/stress-more-qa.jpg') no-repeat;
}
#more #main ul li#box_test a{
	background: url('../_img/stress-more-test.jpg') no-repeat;
}
#more #main ul li#box_experts a{
	background: url('../_img/stress-more-experts.jpg') no-repeat;
}
#more #main ul li#box_articles a{
	background: url('../_img/stress-more-articles.jpg') no-repeat;
}
#more #main ul li#box_tips a {
	background: url('../_img/stress-more-tips.jpg') no-repeat;
}

#more p.footnote {
	font-size: .9em;
	color: #aaa;
	margin-right: 5px;
	float: none;
	text-align: right;
}




/* PRESS */
.press h2 {
	background: url('../_img/press_h2.gif') no-repeat;
}

#featured_press p{
text-align: center;
margin-top: 5px;
}

#print {
	float: left;
	width: 660px;
	padding-right: 20px;
}

#online {
	float: left;
	padding-left: 20px;
	width: 230px;
	border-left: solid 1px #eee;

}

.tmb_feature {
	width: 225px;
	float: left;
	margin-right: 13px;
}
.press .last {
	margin-right: 0;
}
.online-articles {

}

.press-tmb {
	width: 150px;
	height: 230px;
	float: left;
	margin-right: 13px;
	margin-bottom: 15px;
	
}
.press-tmb p {
	margin-top: 0px;
	text-align: center;
	font-size: .85em;
	line-height: 1.2em;
}

.press #content h3 {
	border-bottom: solid 1px #6182A3;

}
#main ul.old-press li{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: none;
	float: left;
}

#main ul.old-press li a{
	float: left;
	display: block;
	padding: 5px 10px;
	
	background: #eee;
	margin-right: 5px;
	list-style-type: none;
}

#main ul.old-press li a:hover {
	background: #ccc;
}

p.close a{ position: absolute; top: 3px; right: 20px; color: #fff;margin:0pt;}

.thumbnail_img {
    
        margin-left:25px;
        margin-top:25px;
        
        
}

.tooltip {
    
    background-image:url('../../popup.gif');
    width:635px;
    height:536px;
    margin:0px;
    padding:0px;

}

.link_image {

    cursor:pointer;    

}


/* Store Locator */
.stores h2 {
	background: url('../_img/stores_h2.gif') no-repeat;
}
.stores #content label {
	width:150px;
	display: block;
	float: left;
}
.stores fieldset {border: 0;}
.stores fieldset select {
	width: 205px;
}
.stores fieldset input.zipcode {
	width: 50px;
}

.stores #main ul li {
	margin: 3px 0;
}
.stores #content form {
	margin-bottom: 20px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 20px;
}

.find-store {
	margin-left: 150px;
}
.stores #content fieldset div {
	margin-bottom: 10px;
}
p.store-locator-result {
	padding: 5px;
	text-align: center;
	background: #eee;
	color: #936;
	font-weight: bold;
}
.stores #content table {
	border-collapse: collapse;
	border: solid 1px #ddd;
	width: 520px;
	float: left;
}
.stores #content table td {
	border-right: solid 1px #eee;
	padding: 6px 10px;
}
.stores #content table td.last {
	border-right: 0;
}
.stores #content table th {
	border-right: solid 1px #ddd;
	padding: 6px 10px;
}
.stores #content table th.last {
	border-right: 0;
}
#powered-by {
	font-size: .85em;
	margin-top: 5px;
	text-align: right;
}
/*#map-img{
	height: 500px;
	width: 400px;
	float: right;
	background: #eee;
}*/
div.markerToolTip 
    {
    text-align: center;
     white-space: nowrap;
     margin: 0;

     padding: 2px;
     border: 1px solid #555;
     font-weight: bold;
     background: #fff;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
    }



    #map {
    width: 400px; 
    height: 500px; 
    float:right; 
    position:relative; 

    }
.results-text em {
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
}

/* MY ACCOUNT */
.my-account h2 {
	background: url('../_img/myaccount-h2.gif') no-repeat;
}
.my-account #bill-ship-profile {
	margin-top: 15px;
	
}
.my-account .create-new-profile {
	margin-bottom: 25px;
}
.my-account table {
	width: 850px;
	border: solid 1px #eee;
}
.my-account table td {
	border-right: solid 1px #eee;
	padding: 6px 10px;
}
.my-account table td.last {
	border-right: 0;
}
.my-account table th {
	border-right: solid 1px #ddd;
	padding: 6px 10px;
}
.my-account table th.last {
	border-right: 0;
}
.my-account p{
	width: 700px;
}
#billing.my-account input.submit {
	margin-left: 170px;
}
#change-password.my-account table  {
	border: 0;
	width: 400px;
}
#change-password.my-account #main table td {
	border: 0;
}

/* feedback */
.feedback h2 {
	background: url('../_img/feedback_h2.gif') no-repeat;
}
.share_feedback {
	float: right;
}

.feedback #content h3 {padding-top: 10px;}
.feedback p { margin: 8px 0;}
.feedback .from {
	font-size: .9em;
	margin-top: 0px;
	text-align: right;
	font-style: italic;
}
.customer_feedback {
	border-bottom: dotted 1px #ccc;
	padding: 10px 0;
}
.feedback label {
	width:150px;
	display: block;
	float: left;
}
.feedback #content input.submit_btn {
	float: none;
}

/* tell a friend */ 
.tellfriend h2 {
	background: url('../_img/tellfriend_h2.gif') no-repeat;
}
.tellfriend textarea{
	margin-left: 150px;
}
.tellfriend label {
	width:150px;
}
.tellfriend #content input.submit_btn {
	float: none;
	margin-left: 150px;
}

/* club iceland */
.clubiceland #content form div {
	padding: 0px 0;
}
.clubiceland #content label{
	width: 300px;
	display:block;
	float: left;
	
}


.clubiceland h2 {
	background: url('../_img/clubiceland_h2.gif') no-repeat;
}
.clubiceland h3 {
	margin-bottom: 10px;
	font-size: 1.3em;
}

.clubiceland h4{
	/*background: url('../_img/clubiceland_h2_2.gif') no-repeat;*/
	 font-weight: normal; 
	 color: #555;
	 margin-top: 0;
	 font-size: 1.3em;
	 line-height: 1.3em;
}

.clubiceland #main ul {
	margin: 20px 0 0 0;
	padding: 0;
}
.clubiceland #main ul li {
	float: left;
	background: 0;
	display: block;
	margin: 0;
	padding: 0;
}

.clubiceland p a {
	color: #6182A3;
	margin-left: 5px;
}
.clubiceland p.return a{
	margin-left: 0;
}
.clubiceland div.tweet textarea{
	width: 400px;
	height: 100px;
}
.clubiceland div.tweet textarea, .clubiceland div.tweet label {
	float: none;
}
.clubiceland #main ul li input {
	width: auto;
	border: 0;
}
.clubiceland #content input.submit_btn {float: none; margin-left: 305px; }
/*Iceland Connection */
.iceland_connection h2 {
	background: url('../_img/iceland_connection_h2.gif') no-repeat;
}
#iceland_slideshow {
	margin-top: 10px;
}
.iceland_connection h3 {
	font-size: 1em;
}


/* BRAND BUZZ */

/* Anti-stress glacial facial */

.brandbuzz #main {
	position: relative;
	width: 705px;
	left: 240px;
	top: 15px;
}
#brand-video.brandbuzz #main {
	left: 0;
	top: 25px;
}
#brand-video-large {margin-left: 100px; }
#facial h2 {
	background: url('../_img/brandbuzz_h2_facial.gif') no-repeat;
}

/* causes */
#causes h2 {
	background: url('../_img/brandbuzz_h2_causes.gif') no-repeat;
}
#causes h3 {
	border-bottom: solid 1px #6182A3;
	clear: both;
	float: none;
}
#causes .partner_nugget {
		float: left;
			width:210px;
			margin: 0 0px 20px 0;
			padding: 10px;
			border-right: solid 1px #ccc;
			text-align: center;
			height: 170px;
			}
#causes .partner_nugget.last {
	border-right: 0;
	padding-right: 0;
	
}
#causes .partner_nugget li {
	text-align: left;
	margin-left: 0;
	padding-left: 15px;
	font-size: .9em;
	line-height: 1.2em;
}
/* on the scene */
#onscene h2 {
	background: url('../_img/brandbuzz_h2_onscene.gif') no-repeat;
}
#onscene .next-event {
	border-bottom: dotted 1px #ccc;
}
#onscene h3 {line-height: 1.2em;}

#onscene #buzz-fw2012 {
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#onscene #buzz-fw2012.next-event ol {
	margin: 0;
	padding: 0;
}
#onscene #buzz-fw2012.next-event li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	margin-left: 54px;
    text-indent: -54px;
}
#onscene #buzz-fw2012.next-event li strong {text-transform: uppercase; padding-right: 5px;}
/* behind brand */
#behindbrand h2, #sarahstory h2 {
	background: url('../_img/brandbuzz_h2_behindbrand.gif') no-repeat;
}
#behindbrand h3 {
	line-height: 1.2em;
}
#behindbrand h3 span {
	font-size: .8em;
	font-weight: normal;
}
#behindbrand #brandbuzz-video {
	float:right; margin-left: 15px; margin-top: -30px; width: 400px;
 }

#tvfilm #content .tmb {
	float: left;
	margin: 0 15px 15px 0;
	display: inline-block;
}
#tvfilm #content h2 {
	text-indent: 0;
	padding: 0;
	height: auto;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

}
#tvfilm #content h3 {
	margin: 10px 0 20px 0;
	color: #555;
}
/* END BRAND BUZZ */


/* natural by design */
.natural h2 {
	background: url('../_img/naturaldesign_h2.gif') no-repeat;
}
#greenliving.natural h2 {
	background: url('../_img/naturaldesign-h2-greenliving.gif') no-repeat;

}
#greenliving #main ol li {
	color: #6182A3;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 10px 12px;
	line-height: 10px;
	
}
#greenliving #main ol li span {
	color: #777;
	font-weight: normal;
	font-size: 12px;
	line-height: 10px;
	}
#greenliving #main ol li.highlight {
	background: #f3f7ff;
}
.natural #main {
	position: relative;
	width: 705px;
	left: 240px;
	top: 15px;
}

.natural h3 {
	margin-bottom: 0;
	border-bottom: dotted 1px #ccc;
	font-size: 1.1em;
}
.natural p {
	margin-top: 5px;
}

/*Site map */
.sitemap h2 {
	background: url('../_img/sitemap_h2.gif') no-repeat;
}
.sitemap #main h3 {margin-bottom: 0;}

	.sitemap #main ul {border-top: solid 1px #ccc;}
.sitemap #main ul li ul {border: 0;}
.sitemap #main ul li ul li {
 background: none; list-style-type: circle; margin-left: 20px; padding: 0;
}
.sitemap #main ul li {
	margin: 1px 0;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.sitemap #main ul li a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	}


/* MISC pages */
#terms h2 {
	background: url('../_img/terms_h2.gif') no-repeat;
}

#contact h2 {
	background: url('../_img/contact_h2.gif') no-repeat;
}
#privacypolicy h2 {
	background: url('../_img/privacypolicy_h2.gif') no-repeat;
}
#returnpolicy h2 {
	background: url('../_img/returnpolicy_h2.gif') no-repeat;
}
#shippingrates h2 {
	background: url('../_img/shippingrates_h2.gif') no-repeat;
}

.policies h3 {
	margin: 25px 0 0 0;
	border-bottom: dotted 1px #ccc;
}
/* About */
#about h2 {
	background: url('../_img/about_h2.gif') no-repeat;
}
#about h3 {
	margin: 25px 0 0 0;
}

/* JOBS */
#jobs h2 {
	background: url('../_img/jobs-h2.gif') no-repeat;
}
#jobs #content label {
	width: 200px;
	float: left;
	display: block;
	margin-bottom: 5px;
}
#jobs #content input, #jobs #content select {
	border: solid 1px #ccc;
	padding: 4px;
	margin-bottom: 5px;
}
#jobs input.submit {margin-left: 200px;}
#jobs fieldset {
	border: 0;
	padding: 0;
}
/* pr */
.pr #header {
	height: 109px;
	margin: 0;
	padding: 0;
}
.pr h2 {
	text-indent: 0;
	height: auto;
	padding: auto;
	font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size:2.9em;
	line-height: 1em;
	margin: 0;
}
.pr h3 {
	font-family:'DIN Next W01 Light', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.8em;
	margin-bottom: 0;
	margin-top: 30px;
	border-bottom: solid 1px #ccc;
	line-height: 1em;
}
.pr-thumbs {
	float: left;
	width: 135px;
	margin-right: 10px;
}
.pr .box {
	float: left;
	width: 150px;
	margin-right: 10px;
}
/* retailer */
.retailer h2 {
	background: url('../_img/retailer-h2.gif') no-repeat;
}
.retailer label {
	width: 200px;
}
.retailer .continue {margin-left: 200px; float: left; }

/* BLOG */
.blog #container {
	line-height: 140%;
		margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 702px;
	
	background-color: #FFFFFF;
	border: 1px solid #003366;
	}
.blog h3 {font-size:110%;} 
.blog h2 {
	margin:0;
	text-indent: 0;
	height: auto;
	padding: 0;
	
	}
.blog .sidebar h2 {
	font-size: 1.3em;
	margin-top: 30px;
}
.blog .content h2 {
	font-size: 1.2em;
	border-top: solid 1px #ccc;
	width: auto;
	padding: 8px 10px 5px;
	margin-top: 15px;
		background: #6182A3;
		color: #fff;
}
.blog em {
	font-weight: normal;
	font-style: italic;
	}
.blog #content img {float:right; padding-left:15px; margin-top:25px;}


.blog .sidebar {

}
.blog #header {
	margin-top: 25px;

}
.blog #top-nav {
	top: 120px;
}
.blog #nav-topright {
	top: 80px;
}
.blog #center {
		float: left;
	width:650px;
	overflow: hidden;margin-top:70px;
	margin-right: 20px;
	padding-right: 15px;
	border-right: solid 1px #ccc;
	}
.blog #right {
		float: left;
	margin-top:70px;
width: 250px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #003366;
	overflow: hidden;
	}
.blog .photo {
	margin-bottom: 15px;
}
.blog #calendar td {
	text-align: center;
	width: 35px;
	border-right: solid 1px #eee;
	}
.blog #calendar td a {
	color: #fff;
	background: #6182A3;
	text-decoration: none;
	padding: 0 8px;
}

	
.blog #calendar td a:hover {
	background: #90386a;


}

.blog #calendar caption {
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;

	}
	
.blog #calendar {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
 	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

.blog #calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: solid 1px #ccc;
	width: 100%;
	}


.blog #calendar th {
	text-align: center;
	font-weight: normal;
	}
/* temporary styles for events, onscene etc */

p.ships_on {
	clear: both;
	font-weight: bold;
	padding: 2px 5px;
	border: solid 1px #ccc;
	text-transform: uppercase;
	background: #f3f7ff;
	float: left;
	position: relative;
	top: 3px;
	left: 20px;
	color: #6182A3;
	font-size: .9em;
}
#onscene .fw_content {
	border-bottom: dotted 3px #ccc;
	width: 705px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#onscene h3 {
	font: 20px/24px Helvetica, Arial, sans-serif;
	margin: 10px 0;

	}
.fw_content p {
	float: left;
	margin: 0 0 10px 0;

}

#main #nugget li.fall-skincare {
	display: none;
}

#freeshipping-banner {
	position: absolute;
	top: 40px;
	right: 0px;
}

/*concern pages themed or seasonal */
.shop.theme #content .h3-bkg {
	margin-bottom: 0;
	height: 57px;
	background: url(../_img/shop_h3_bkg.png) no-repeat 0 5px;
}
.shop.theme #content h3 {
	/*font-size: 1.6em;
	height: 37px;
	padding-top: 13px;*/
	
}
.product-callout {
	background: #f3f7fb; padding: 2px 0; margin: 0 12px;
	text-align: center;
}
.product-callout h4 {
	font-size: 1.4em; line-height: 1.2em; margin-bottom: 0; text-align: center;
}
.product-callout p {
	margin-top: 0; text-align: center;
}
.theme #breadcrumbs {
	display:none;
}
.theme input.addall {
/*	margin-top: -47px;*/
}

.theme h2 {
	display: none;
}



p.theme-intro, div.theme-intro {
	border-bottom: solid 1px #ccc;
	padding: 0 15px 15px 15px;
	margin-top: 4px;
	margin-bottom: 10px;
	color: #6182A3; 
	line-height: 1.5em;
	font-size: 1.2em;
}
#fw2012 div.theme-intro {
	font-size: 1.1em;
	color: #555;
	line-height: 1.4em;
	margin-bottom: 15px;
}
#fw2012 div.theme-intro img {
	float: right;
	}
#daynight p.theme-intro {
	font-size: 1.1em;
	color: #555;
	line-height: 1.3em;
}
.theme .product_tmb h4 span {
	text-transform: uppercase;
	background: #6182A3;
	color: #fff;
	font-size: .9em;
	padding: 1px 4px;
}
.theme .product_tmb h4 span.day {
	background: #4faeed;
}
.theme .product_tmb h4 span.daynight {
	background: #936;
}
#daynight.shop.theme  h3 {
	background: #b1d4f1 url('../_img/concern_h3_daynight_bkg.jpg');
	color: #6182A3;
}

.holidaygifts-45 {
	background: #6182A3 url('../_img/product_h3_holiday.gif');
}

#winterskin.shop.theme h3 {
	background: #6182A3 url('../_img/product_h3_holiday.gif');

}

#holiday input.addall, .shop.theme input.addall {
	margin-top: -55px;
}

#holiday .product_tmb {

	height: 260px;
}

/* TEN FOR 10 */
.tenfor h2 {
	background: url('../_img/promo_10for10_h2.gif') no-repeat;
	width: 500px;
	padding-top: 30px;
}

.tenfor #main p {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 600px;
}

.tenfor h3 {
	text-transform: uppercase;
}

.tenfor #main ol {
	padding-left: 0px;
	float: left;
	width: 300px;
	margin-top: 0px;
	}
	
	.tenfor #main li {
	list-style-type: none;
	margin-bottom: 10px;
}

.tenfor #main li span {
	padding-right: 15px;
}
.tenfor #main li span.last {
	padding-right: 9px;
}

.tenfor #main label {
	width: 130px;
}


/*BCA DETOX KIT PAGE, October 2010 */
.bca-nugget {
	padding: 10px;
	font-size: .9em;
	line-height: 1.2em;
	margin: 0 0 0 25px;
	width: 200px;
	text-align: center;
	background: #fcf0f8;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=4);
}
.bca-nugget p {
	margin: 5px 0;
}




/*  SLIDER */


.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}

/* Control nav styles (e.g. 1,2,3...) */



.nivo-controlNav {
	position:absolute;
	right: 9px;
	bottom: 10px;
	z-index:99;
}
.nivo-controlNav a {
position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	background: url(../_img/_slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	font-weight:bold;
		background-position:-15px 0;

}

/* Direction nav styles (e.g. Next & Prev) */


.nivo-directionNav a {
position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
	display:block;
	width:34px;
	height:34px;
	background:url(../_img/_slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:6px;
}
a.nivo-prevNav {
	left:8px;
}
#slider {
	position:relative;
	margin: 0px;
	background:#fff url(../_img/_slider/loading.gif) no-repeat 50% 50%;
	width: 700px;
	height: 310px;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	
}
#slider a {
	border:0;
	display:block;
}





/*

    ColorBox Core Style

    The following rules are the styles that are consistant between themes.

    Avoid changing this area to maintain compatability with future versions of ColorBox.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative; overflow:hidden;}

#cboxLoadedContent{overflow:auto;} 

#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}



/* 

    Example user style

    The following rules are ordered and tabbed in a way that represents the

    order/nesting of the generated HTML, so that the structure easier to understand.

*/

#cboxOverlay{background:url(../_img/_colorbox/overlay.png) 0 0 repeat;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(../_img/_colorbox/controls.png) -100px 0 no-repeat;}

    #cboxTopRight{width:21px; height:21px; background:url(../_img/_colorbox/controls.png) -129px 0 no-repeat;}

    #cboxBottomLeft{width:21px; height:21px; background:url(../_img/_colorbox/controls.png) -100px -29px no-repeat;}

    #cboxBottomRight{width:21px; height:21px; background:url(../_img/_colorbox/controls.png) -129px -29px no-repeat;}

    #cboxMiddleLeft{width:21px; background:url(../_img/_colorbox/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(../_img/_colorbox/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(../_img/_colorbox/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(../_img/_colorbox/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../_img/_colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious.hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../_img/_colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext.hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(../_img/_colorbox/loading_background.png) center center no-repeat;}

        #cboxLoadingGraphic{background:url(../_img/_colorbox/loading.gif) center center no-repeat;}

        #cboxClose{position:absolute; top:0; right:0; background:url(../_img/_colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose.hover{background-position:-25px -25px;}



/*

    The following fixes png-transparency for IE6.  

    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.

    Colorbox preloads navigation hover classes to account for this.

    

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,

    while regular CSS background images are relative to the CSS document.

*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}

.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}

.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}

.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}

.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}

.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}

.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}

.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/_colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*CELEB */
#celeb h2 {
	background: url('../_img/celeb_h2.gif') no-repeat;
	padding-top: 65px;
	width: auto;
	margin-top: 40px;
}

#celeb .quote {
	border-top: solid 4px #eee;
	padding: 25px 0 20px 10px;
	font-size: 1.1em;
}

#celeb .quote img {
	float: left;
}

#celeb .quote .desc {
	float: left;
	width: 635px;
	margin-left: 30px;
}

#celeb .quote .desc h3 {
	text-transform: uppercase;
	margin-top: 0;
}
#celeb .quote .desc h3 span{
	color: #936;
}

#celeb .quote p {
	padding: 0 60px;
	background: url('../_img/celeb_quote_bkg.gif') no-repeat;
	line-height: 1.4em;
}
/* Product Technology pages */
.technical-page #content {
	height: 800px;
}
.technical-page .section {
	position: absolute;
	width: 280px;
}
.technical-page #content .section h3{
	margin: 0; padding: 0;
}
.technical-page .section blockquote {
	border-left: solid 1px #6182a3;
	line-height: 1.3em;
	padding: 0 0 0 10px;
	margin: 0;
	position: relative;
}
.technical-page #content .section p {
	margin-top: 0px;
}

.technical-page h2.regular {
	font-family:'DIN Next W01 Regular' sans-serif;

	text-align: center;
	font-size: 2.6em;
	line-height: .9em;
}
.technical-page h2 span {
	font-family:'DIN Next W01 Light' sans-serif;
	font-size: .8em;
}



#gaba-complex .section#ginseng {
	background: url('../_img/als_landing_ginseng.jpg') no-repeat 0 0;
	height: 380px;
	width: 340px;
	left: 60px;
	top: 335px;
}
#gaba-complex .section#ginseng blockquote {
	left: 70px;
	top: 170px;
	width: 250px;
}
#gaba-complex .section#portulaca {
	background: url('../_img/als_landing_portulaca.gif') no-repeat bottom left;
	width: 485px;
	height: 230px;
	left: 425px;
	top: 375px;
}
#gaba-complex .section#portulaca blockquote {
	left: 215px;
	width: 260px;
	top: 130px;
}
#gaba-complex .section#tomato {
	background: url('../_img/als_landing_tomato.jpg') no-repeat bottom left;
	left: 635px;
	height: 400px;
	width: 315px;
}
#gaba-complex .section#tomato blockquote {
	left: 45px;
	width: 260px;
	padding-bottom: 20px;
	
}

#gaba-complex .section#rice {
	background: url('../_img/als_landing_rice.jpg') no-repeat 10px bottom;
	height: 240px;
	left: 20px;
}
#gaba-complex .section#rice blockquote {
	height: 230px;
}

#gaba-complex .section#als {
	left: 350px;
}

#pigment-complex .section#licorice p {
	width: 250px;
}
#pigment-complex .section#licorice {
	background: url('../_img/pigment_lightening_licorice.jpg') no-repeat 10px bottom;
	height: 260px;
	left: 20px;
	width: 340px;
	top: 90px;
}
#pigment-complex .section#licorice blockquote {
	height: 230px;
}


#pigment-complex .section#vitamina {
	background: url('../_img/pigment_lightening_vitamina.jpg') no-repeat bottom left;
	height:250px;
	width: 340px;
	left: 0px;
	top: 395px;
}
#pigment-complex .section#vitamina blockquote {
	left: 130px;
	top: 0px;
	width: 200px;
	height: 100px;
}

#pigment-complex .section#vitaminc {
	background: url('../_img/pigment_lightening_vitaminc.jpg') no-repeat bottom left;
	left: 570px;
	height: 340px;
	width: 315px;
	top: 90px;

}
#pigment-complex .section#vitaminc blockquote {
	left: 60px;
	width: 260px;
	padding-bottom: 20px;
	
}

#pigment-complex .section#other-ingredients {
	background: url('../_img/pigment_lightening_molecule.jpg') no-repeat right 70px;
	width: 345px;
	height: 230px;
	left: 590px;
	top: 415px;
}
#pigment-complex .section#other-ingredients blockquote {
	left: 0px;
	width: 340px;
	top:0;
	height: 240px;
}
.technical-page .section#other-ingredients blockquote h2.regular {
	text-align:left;
	font-size: 1.8em;
	margin-bottom: 0;
	line-height: 1.1em;
	font-family:'DIN Next W01 Regular' sans-serif;
}
#pigment-complex  .section#product {
	left: 390px;
	top: 50px;
}





.notation {
	font-weight: bold;
	font-size: 1em;
	color: #666;
	border: solid 2px #ba3d84;
margin:20px 17px 15px 28px;
padding: 8px 15px 8px 40px;
background: #fdf7fa url(../_img/cart_error_icon.gif) no-repeat 0px 2px;
}
.notation a {
	color: #ba3d84;
}
#glacial-waters #content p {
	font-size: 1.1em;
	line-height: 1.4em;
}


#glacial-waters #main {
	width: 430px;
	float: left;
	padding-bottom:0;
	position: relative;
}
#glacial-waters h4 {
	font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	text-transform: uppercase;
	color:  #6182a3;
	line-height: 1.1em;
	margin-bottom: 5px;
}
.pollution-free {
font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	color:  #6182a3;
	line-height: 1.1em;
}
#accordion {position: relative; width: 720px; margin-bottom: 100px;}
#glacial-waters #content p.mineral-amount {
	float: right;
	margin: -28px 30px 0 0;
	font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	color: #6182a3;
	font-size: 1.3em;
	position: relative; 
}
#accordion h3 {
	font-family:'DIN Next W01 Regular', sans-serif;
	font-weight: normal;
	padding: 5px 0 2px 30px;
	font-size: 1.7em;
	position: relative;
	margin: 0;
	border-bottom: solid 2px #f3f7f9;
	background: #d6e0e8 url(../_img/gw_accordion_arrow.gif) no-repeat 8px 10px;
}
#accordion h3.selected, #accordion h3:hover {
	color: #fff;
		background: #6182a3 url(../_img/gw_accordion_arrowselected.gif) no-repeat 8px 10px;

}
#accordion h3:hover {cursor: pointer;}
#glacial-waters #content .mineral-amount.selected {color: #fff;}
#accordion div {
	padding: 5px 30px;
	background: #f3f7f9;
	clear: both;
}
#accordion ul {
	list-style: square;
	margin-left: 0px;
	padding: 0;
}
#accordion ul li {font-size: 1.1em;
	margin-left: 0;
	list-style-type: none;
	background: url(../_img/gl_blue_bullet.gif) no-repeat 0 6px;
	padding: 0px 15px;
	margin: 6px 0;
}
#accordion h2.regular {
	text-transform: none;
	line-height:1em;
	font-size: 2.1em;
	font-family:'DIN Next W01 Regular', sans-serif;
}
#accordion h2.regular span {
	font-family:'DIN Next W01 Light', sans-serif;
	font-size: .9em;
}
#accordion div.hide {display: none;}

#glacial-waters #content #aside {
	list-style: none;
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
	width: 470px;
	position: relative;

}
#glacial-waters #content #aside ul {
	margin: 0;
	padding: 0;
}
#glacial-waters #content #gallery li {
	list-style: none;
	background-repeat: no-repeat;
	width: 470px;
	height: 540px;
	margin: 0;
	padding: 0;
}
#glacial-waters #content #gallery li p{
		font-family:'DIN Next W01 Light', sans-serif;
		background: url(../_img/gw_aside_p_bkg.png) repeat-x;
		padding: 15px;
		color: #fff;
		font-size: 1.8em;
		line-height: 1.1em;
		margin: 0 0 0 0px;
		width: 390px;
		position: absolute;
		bottom: 60px;
		right: 0;
}
#glacial-waters #content ul#thumbs {
	position: absolute;
	bottom:20px;
	right: 25px;
	margin: 0;
	padding: 0;
    z-index:999;
}	
#glacial-waters #content ul#thumbs li {
	list-style: none;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 0 0 1px;
	}
#glacial-waters #content ul#thumbs li a {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	background: #6182a3;
		opacity:0.8;
		border: solid 1px #ddd;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
#glacial-waters #content ul#thumbs li a:hover {
	background: #fff;

}
#glacial-waters #content ul#thumbs li.activeSlide a {background: #fff; opacity: 1; filter: alpha(opacity=100);}