/*==================================================*/
/*===================[ General ]===================*/
/*================================================*/

/*===================[ Reset ]===================*/
* {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px 0;
}

img {
	border: none;
}

address {
	font-style: normal;
}

fieldset {
	border: none;
}

input,
option {
	font-family: helvetica, arial;
}

#search {
	outline: 0;
}

.rich .search-submit,
.rich .intl-locations-submit input,
.rich .intl-submit input {
	display: none;
}

h5 {
	font-size: 1em;
}

li {
	list-style: none;
}

a {
	/*color: #5793D6;*/
    color: #42B8D3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*===================[ General Styling ]===================*/
body {
	color: #6A737B;
	font-family: helvetica, arial;
	font-size: .75em;
	line-height: 1.5em;
}

#wrapper {
	background: #FFF url(../images/backgrounds/body-gradient.jpg) repeat-x top center;
	padding-top: 35px;
	zoom: 1;
}

#content {
	margin: 0 auto 2em;
	width: 984px;
	zoom: 1;
}

.primary {
	float: left;
	_overflow-x: hidden;
	width: 698px;
	zoom: 1;
}

.additional {
	float: right;
	width: 272px;
}

.wide .primary {
	width: 733px;
}

.wide .additional {
	width: 233px;
}

.module2 {
	padding: 17px;
}

.module {
	margin-bottom: 12px;
	zoom: 1;
}

/*===================[ Header ]===================*/
#header {
	height: 100px;
	margin: 0 auto;
	width: 984px;
	zoom: 1;
}

#header h2 {
	padding-top: 30px;
}

#header li {
	float: left;
	padding: 5px 10px;
}

/*===================[ Footer ]===================*/
#footer {
	border-top: 1px solid #DADADA;
	clear: both;
	zoom: 1;
}

#footer div {
	margin: auto;
	padding: 15px 0;
	width: 984px;
}

#footer p,
#footer ul,
#footer li {
	float: left;
}

#footer p {
	margin: 0;
}

#footer ul {
	margin-left: 60px;
}

#footer li {
	border-left: 1px solid #999;
	padding: 0 13px;
}

#footer .contact {
	border: none;
	padding-left: 0;
}

#footer form ul {
	float: right;
}

#footer form li {
	border: none;
	padding: 0;
}

#footer label {
	float: left;
	margin-right: 8px;
}

#footer select {
	position: relative;
	top: -5px;
}

#footer a,
#footer label {
	background: transparent url(../images/backgrounds/global_image_group.png) no-repeat 0 0;
	display: block;
	height: 11px;
	overflow: hidden;
	text-indent: -900px;
}

#footer p a {
	background-position: 0 -5px;
	width: 152px;
}

#footer .contact a {
	background-position: -167px -5px;
	width: 56px;
}

#footer .careers a {
	background-position: -241px -5px;
	width: 41px;
}

#footer .legal a {
	background-position: -301px -5px;
	width: 77px;
}

#footer label {
	background-position: -397px -5px;
	width: 105px;
}

/*==================================================*/
/*===================[ Sprites ]===================*/
/*================================================*/

h1.your-skin-title,
h1.about-us-title,
h1.buy-dermalogica-title,
h1.news-title,
h1.for-professionals-title,
h1.privacy-legal,
h1.search-results-title,
h1.contact-us-title,
h1.skin-issues-title,
h1.about-us-title,
h1.shop-title,
h1.privacy-legal-title,
.professionals .professionals-caption,
#speed-mapping-title h1,
.skin-library a,
.speed-mapping a,
.your-questions a,
.skin-library span,
.speed-mapping span,
.your-questions span,
.our-mission a,
.our-mission span,
.press a,
.press span,
.open-an-account a,
.open-an-account span,
.careers a,
.careers span,
.dermalogica-foundation a,
.dermalogica-foundation span,
.contact-us a,
.contact-us span,
.privacy-and-legal a,
.privacy-and-legal span,
.newsletter a,
.newsletter span,
#your-questions h4,
#skin-library h4,
#speed-mapping h4,
#understanding-your-skin h2,
#understanding-your-skin span,
#remedy-rotator .hd li a,
#remedy-rotator .hd li span,
#remedy-rotator .hd .prev,
#remedy-rotator .hd .next,
#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disablednext a,
#remedy-rotator .hd .disabledprev,
#remedy-rotator .hd .disablednext,
#issues-rotator .hd .prev a,
#issues-rotator .hd .next a,
#issues-rotator .hd .prevdisabled a,
#issues-rotator .hd .nextdisabled a,
#question-topics .hd h2,
#question-topics li span,
#whats-my-regimen .hd h4,
#whats-my-regimen li span,
#whats-my-regimen .also-recommend h4,
#whats-my-regimen .also-recommend p a,
#concept-spaces .hd h4,
#dermalogica-location .hd h4,
#what-we-do .hd h4,
#speed-mapping-title li a,
#your-questions li a span,
#speed-mapping-results h2,
#speed-mapping-results h3,
#speed-mapping-results .module2 div h4,
#professional-care .hd h4,
#find-location .hd h4,
#tips-for-you .hd h4,
#learn-more .hd h4,
#buy-online .hd h4,
#store-information .hd h4,
#events .hd h4,
#extra-nav a,
#extra-nav span,
#footer-page-nav a,
#footer-page-nav span,
#news .hd h4,
#about-our-mission .hd h4,
#about-dermalogica-foundation .hd h4,
#about-press .hd h4,
#about-our-mission span,
#about-dermalogica-foundation span,
#about-press span,
#categories .hd h4,
#recent-entries .hd h4,
#general-question .hd h4,
#contact .hd h4,
#for-professionals-items .more h5,
#search-products .hd h4,
#search-again .hd h4,
#press .hd h4,
#month-press .hd h4,
#dermalogica-foundation .hd h4,
#giving-back .hd h4,
#dermalogica-foundation h5,
#giving-back h5,
#our-mission .hd h4,
#press h5 {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}

h1.your-skin-title,
h1.about-us-title,
h1.buy-dermalogica-title,
h1.news-title,
h1.for-professionals-title,
h1.privacy-legal,
h1.search-results-title,
h1.contact-us-title,
h1.skin-issues-title,
h1.shop-title {
	background: transparent url(../images/backgrounds/dermalogica_titles.png) no-repeat 0 0;
	height: 26px;
	margin-bottom: 15px;
}

h1.your-skin-title {
	background-position: 0 0;
	width: 115px;
}

h1.about-us-title {
	background-position: 0 -37px;
	width: 108px;
}

h1.buy-dermalogica-title {
	background-position: 0 -80px;
	width: 207px;
}

h1.news-title {
	background-position: 0 -115px;
	width: 64px;
}

h1.for-professionals-title {
	background-position: 0 -160px;
	width: 205px;
}

h1.privacy-legal {
	background-position: 0 -200px;
	width: 179px;
}

h1.search-results-title {
	background-position: 0 -240px;
	width: 173px;
}

h1.contact-us-title {
	background-position: 0 -278px;
	width: 130px;
}

#speed-mapping-title h1 {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 0;
	height: 38px;
	width: 202px;
}

.clean-start h1.skin-issues-title {
	background: transparent url(../images/clean-start/sprite.png) no-repeat 0 -57px;
	height: 29px;
	width: 130px;
}

.clean-start h1.about-us-title {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -131px -57px;
	height: 29px;
	width: 103px;
}

.clean-start h1.shop-title {
	background: transparent url(../images/clean-start/sprite.png) no-repeat 0 -212px;
	height: 29px;
	width: 155px;
}

.clean-start h1.search-results-title {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -462px -57px;
	height: 29px;
	width: 162px;
}

.clean-start h1.privacy-legal-title {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -292px -57px;
	height: 29px;
	width: 169px;
}

/*===================[ Rounded Corners ]===================*/
.module,
.module1,
.module2 {
	background: transparent url(../images/backgrounds/rounded.gif) no-repeat 0 0;
}

.primary .module {
	background-repeat: repeat-y;
}

.primary .module1 {
	background-position: -698px bottom;
}

.primary .module2 {
	background-position: -1396px top;
}

/*
.additional .module {
	background-position: -2094px top;
	background-repeat: repeat-y;
}

.additional .module1 {
	background-position: -2366px bottom;
}

.additional .module2 {
	background-position: -2638px top;
}
*/

.wide .primary .module {
	background-position: -3182px 0;
	background-repeat: repeat-y;
}

.wide .primary .module1 {
	background-position: -3915px bottom;
}

.wide .primary .module2 {
	background-position: -4648px top;
}

.wide .additional .module {
	background-position: -5381px top;
	background-repeat: repeat-y;
}

.wide .additional .module1 {
	background-position: -5614px bottom;
}

.wide .additional .module2 {
	background-position: -5847px top;
	padding: 15px;
}

#about-us-items .module {
	background-position: -6080px top;
	background-repeat: repeat-y;
}

#about-us-items .module1 {
	background-position: -6303px bottom;
}

#about-us-items .module2 {
	background-position: -6526px top;
	padding:15px;
}

#giving-back li.module {
	background-position: -6749px top;
	background-repeat: repeat-y;
}

#giving-back li .module1 {
	background-position: -6952px bottom;
}

#giving-back li .module2 {
	background-position: -7155px top;
}

#general-question {
	background-position: -7358px top;
	background-repeat: repeat-y;
}

#general-question .module1 {
	background-position: -7748px bottom;
}

#general-question .module2 {
	background-position: -8138px top;
}

#contact {
	background-position: -8528px top;
	background-repeat: repeat-y;
}

#contact .module1 {
	background-position: -8766px bottom;
}

#contact .module2 {
	background-position: -9004px top;
}

/*===================[ Gradient Corners ]===================*/
#speed-mapping,
#find-location {
	background: #FFF url(../images/backgrounds/small-gradient.jpg) repeat-x bottom center;
	zoom: 1;
}

#speed-mapping .module0,
#find-location .module0 {
	background: transparent url(../images/backgrounds/rounded.gif) repeat-y -2094px top;
}

#speed-mapping .module1,
#find-location .module1 {
	background-position: -2910px bottom;
	position: relative;
}

#speed-mapping .module1{
	height: 261px;
}

/*===================[ Rounded Titles ]===================*/
#question-topics .hd,
#whats-my-regimen .hd,
#concept-spaces .hd,
#what-we-do .hd,
#professional-care .hd,
#find-location .hd,
#tips-for-you .hd,
#learn-more .hd,
#buy-online .hd,
#store-information .hd,
#events .hd,
#news .hd,
#about-our-mission .hd,
#about-dermalogica-foundation .hd,
#about-press .hd,
#categories .hd,
#recent-entries .hd,
#general-question .hd,
#contact .hd,
#search-products .hd,
#search-again .hd,
#press .hd,
#month-press .hd,
#dermalogica-foundation .hd,
#giving-back .hd,
#our-mission .hd {
	background-image: url(../images/backgrounds/gray_bars.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 16px;
	padding: 9px 12px;
	width: 640px;
}

#find-location .hd {
	background-image: url(../images/backgrounds/blue_bars.png);
}

#professional-care .hd,
#find-location .hd,
#tips-for-you .hd,
#learn-more .hd,
#buy-online .hd,
#store-information .hd,
#events .hd,
#news .hd,
#categories .hd,
#recent-entries .hd,
#search-again .hd {
	background-position: -670px 0;
	width: 212px;
}

#general-question .hd,
#contact .hd {
	background: transparent url(../images/backgrounds/contact_us_boxes.png) no-repeat 0 0;
	width: 324px;
}

#contact .hd {
	background-position: -350px 0;
	width: 173px;
}

#about-our-mission .hd,
#about-dermalogica-foundation .hd,
#about-press .hd {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 0;
	width: 170px;
}

#search-products .hd {
	background-image: url(../images/backgrounds/search_results_blue_bar.png);
}

.wide #what-we-do .hd {
	background: transparent url(../images/backgrounds/buy_derm_locations_grey_bars.png) no-repeat 0 0;
	width: 672px;
}

.wide #store-information .hd,
.wide #events .hd {
	background: transparent url(../images/backgrounds/buy_derm_locations_grey_bars.png) no-repeat 0 -35px;
	width: 179px;
}

#question-topics .hd h2 {
	background: transparent url(../images/backgrounds/your_skin_questions_topics.png) no-repeat 0 0;
	float: left;
	height: 17px;
	width: 49px;
}

#whats-my-regimen .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 0;
	height: 17px;
	width: 160px;
}

#concept-spaces .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 0;
	height: 17px;
	width: 239px;
}

#what-we-do .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -59px;
	height: 17px;
	width: 95px;
}

#professional-care .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 0;
	height: 17px;
	width: 136px;
}

#find-location .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -19px;
	float: left;
	height: 17px;
	width: 112px;
}

#tips-for-you .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 -40px;
	height: 17px;
	width: 91px;
}

#learn-more .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 -20px;
	height: 17px;
	width: 85px;
}

#buy-online .module2 {
	padding: 11px 0;
}

#buy-online .hd {
	margin: 0 auto;
}

#buy-online p {
	padding: 10px 17px;
}

#buy-online .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -40px;
	float: left;
	height: 17px;
	width: 82px;
}

#store-information .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -79px;
	height: 17px;
	width: 137px;
}

#events .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -98px;
	height: 17px;
	width: 53px;
}

#news .hd h4 {
	background: transparent url(../images/backgrounds/about_right_news_title.png) no-repeat 0 3px;
	height: 17px;
	width: 43px;
}

#about-our-mission .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -40px;
	height: 17px;
	width: 84px;
}

#about-dermalogica-foundation .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -60px;
	height: 17px;
	width: 170px;
}

#about-press .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -77px;
	height: 17px;
	width: 40px;
}

#categories .hd h4 {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 -20px;
	height: 17px;
	width: 84px;
}

#recent-entries .hd h4 {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 0;
	height: 17px;
	width: 108px;
}

#general-question .hd h4 {
	background: transparent url(../images/backgrounds/contact_us_titles.png) no-repeat 0 0;
	height: 17px;
	width: 134px;
}

#contact .hd h4 {
	background: transparent url(../images/backgrounds/contact_us_titles.png) no-repeat 0 -18px;
	height: 17px;
	width: 62px;
}

#search-products .hd h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 0;
	height: 17px;
	width: 86px;
}

#search-products .skin-library h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -20px;
	height: 17px;
	width: 99px;
}

#search-again .hd h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -40px;
	height: 17px;
	width: 101px;
}

#press .hd h4 {
	background: transparent url(../images/backgrounds/about_us_press_elements.png) no-repeat 0 3px;
	height: 17px;
	width: 43px;
}

#dermalogica-foundation .hd h4 {
	background: transparent url(../images/backgrounds/foundation_titles.png) no-repeat 0 0;
	height: 17px;
	width: 191px;
}

#giving-back .hd h4 {
	background: transparent url(../images/backgrounds/foundation_titles.png) no-repeat 0 -20px;
	height: 17px;
	width: 242px;
}

/*===================[ Side Nav Sprites ]===================*/
#side-nav .skin-library a,
#side-nav .skin-library span {
	background: transparent url(../images/backgrounds/nav_skin_library.png) no-repeat 0 0;
}

#side-nav .speed-mapping a,
#side-nav .speed-mapping span {
	background: transparent url(../images/backgrounds/nav_speed_mapping.png) no-repeat 0 0;
}

#side-nav .your-questions a,
#side-nav .your-questions span {
	background: transparent url(../images/backgrounds/nav_your_questions.png) no-repeat 0 0;
}

#side-nav .our-mission a,
#side-nav .our-mission span {
	background: transparent url(../images/backgrounds/nav_our_mission.png) no-repeat 0 0;
}

#side-nav .press a,
#side-nav .press span {
	background: transparent url(../images/backgrounds/nav_press.png) no-repeat 0 0;
}

#side-nav .open-an-account a,
#side-nav .open-an-account span {
	background: transparent url(../images/backgrounds/nav_open_an_account.png) no-repeat 0 0;
}

#side-nav .careers a,
#side-nav .careers span {
	background: transparent url(../images/backgrounds/nav_careers.png) no-repeat 0 0;
}

#side-nav .dermalogica-foundation a,
#side-nav .dermalogica-foundation span {
	background: transparent url(../images/backgrounds/nav_dermalogica_foundation.png) no-repeat 0 0;
}

#side-nav .contact-us a,
#side-nav .contact-us span{
	background: transparent url(../images/backgrounds/nav_contact_us.png) no-repeat 0 0;
}
#side-nav .privacy-and-legal a,
#side-nav .privacy-and-legal span {
	background: transparent url(../images/backgrounds/nav_privacy_and_legal.png) no-repeat 0 0;
}

#side-nav .newsletter a,
#side-nav .newsletter span {
	background: transparent url(../images/backgrounds/nav_newsletter.png) no-repeat 0 0;
}

.clean-start #side-nav .myths-facts-tips a,
.clean-start #side-nav .myths-facts-tips span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat 0 -86px;
	width: 145px;
}

.clean-start #side-nav .myths-facts-tips a:hover {
	background-position: 0 -145px;
}

.clean-start #side-nav .your-questions a,
.clean-start #side-nav .your-questions span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -145px -86px;
	width: 115px;
}

.clean-start #side-nav .your-questions a:hover {
	background-position: -145px -145px;
}

.clean-start #side-nav .our-story a,
.clean-start #side-nav .our-story span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat 0 -106px;
	width: 62px;
}

.clean-start #side-nav .our-story a:hover {
	background-position: 0 -125px;
}

.clean-start #side-nav .contact-us a,
.clean-start #side-nav .contact-us span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -62px -106px;
	width: 73px;
}

.clean-start #side-nav .contact-us a:hover {
	background-position: -62px -125px;
}

.clean-start #side-nav .careers a,
.clean-start #side-nav .careers span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -135px -106px;
	width: 52px;
}

.clean-start #side-nav .careers a:hover {
	background-position: -135px -125px;
}

.clean-start #side-nav .open-account a,
.clean-start #side-nav .open-account span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -187px -106px;
	width: 113px;
}

.clean-start #side-nav .open-account a:hover {
	background-position: -187px -125px;
}

.clean-start #side-nav .press a,
.clean-start #side-nav .press span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -300px -106px;
	width: 37px;
}

.clean-start #side-nav .press a:hover {
	background-position: -300px -125px;
}

.clean-start #side-nav .events-contests a,
.clean-start #side-nav .events-contests span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -338px -106px;
	width: 122px;
}

.clean-start #side-nav .events-contests a:hover {
	background-position: -338px -125px;
}

.clean-start #side-nav .foundation-community a,
.clean-start #side-nav .foundation-community span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -460px -106px;
	width: 167px;
}

.clean-start #side-nav .foundation-community a:hover {
	background-position: -460px -125px;
}

.clean-start #side-nav .company-faqs a,
.clean-start #side-nav .company-faqs span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -627px -106px;
	width: 95px;
}

.clean-start #side-nav .company-faqs a:hover {
	background-position: -627px -125px;
}

#side-nav .our-mission {
	border-top: none;
	padding-top: 0;
}

#side-nav .dermalogica-foundation {
	padding-bottom: 0;
}

#side-nav .contact-us {
	border-top: none;
	padding-top: 0;
}

#side-nav .newsletter {
	padding-bottom: 0;
}

#side-nav li.skin-library {
	border-top: none;
	padding-top: 0;
}

#side-nav li.your-questions {
	padding-bottom: 0;
}

#side-nav li {
	border-top: 1px solid #DADADA;
	padding: 13px 0;
}

.clean-start #side-nav .module2 {
	padding: 0;
}

.clean-start #side-nav li {
	margin: 15px 0;
	padding: 0;
}

#side-nav a:hover {
	xbackground-position:-150px 0;
}

#side-nav span {
	background-position:-150px 0;
}

#side-nav .skin-library span,
#side-nav .speed-mapping span,
#side-nav .your-questions span,
#side-nav .our-mission span,
#side-nav .press span,
#side-nav .open-an-account span,
#side-nav .careers span,
#side-nav .dermalogica-foundation span,
#side-nav .contact-us span,
#side-nav .privacy-and-legal span,
#side-nav .newsletter span{
	background-position: -150px 0;
}

#side-nav a,
#side-nav span {
	display: block;
	height: 12px;
	text-indent: -9000px;
	width: 150px;
}

.clean-start #side-nav a,
.clean-start #side-nav span {
	height: 19px;
}

#side-nav li a {
	background-repeat: none;
}

/*===================[ Medium Text Sprites ]===================*/
#speed-mapping h4,
#speed-mapping-results .module2 div h4 {
	background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;
	height: 20px;
}

#your-questions h4 {
	background: transparent url(../images/backgrounds/your_skin_main_questions_graphis.png) no-repeat 0 0;
	height: 28px;
	width: 190px;
}

#skin-library h4 {
	background-position: 0 0;
	width: 137px;
}

#speed-mapping h4 {
	background: transparent url(../images/backgrounds/your_skin_lib_speedMapping.png) no-repeat 0 0;
	height: 62px;
	width: 121px;
}

#speed-mapping-results .module2 div h4 {
	background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;
	width: 115px;
}

/*============================================================*/
/*===================[ Main Content Area ]===================*/
/*==========================================================*/

/*===================[ Flash ]===================*/
#flash {
	margin-bottom: 10px;
	text-align: center;
}

#flash,
#flash div {
	background-image: none;
}

#flash .module2 {
	padding-top: 25%;
}

/*===================[ Skin Library / Myths, Facts & Tips ]===================*/
#skin-library,
#myths-facts-tips {
	margin-top: 6px;
}

#skin-library .hd,
#myths-facts-tips .hd {
	zoom: 1;
}

#skin-library .hd p,
#myths-facts-tips .hd p {
	float: left;
	margin: 5px 0 0 0;
}

#skin-library .hd a,
#myths-facts-tips .hd a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left 5px;
	float: right;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
	margin-top: 10px;
}

#skin-library ul {
	border-top: 1px solid #DADADA;
	zoom: 1;
	margin-top: 15px;
}

#skin-library li {
	float: left;
	margin: 15px 30px 0 0;
	width: 45%;
}

#skin-library li img {
	float: left;
	margin-right: .5em;
}

#skin-library li a {
	font-weight: bold;
	text-transform: lowercase;
}

#skin-library h4 {
	background: transparent url(../images/backgrounds/your_skin_main_lib_module.png) no-repeat 0 0;
	height: 28px;
}

/*===================[ Understanding Your Skin ]===================*/
#understanding-your-skin {
	background: none;
	border-bottom: 1px solid transparent; /* Safari hack */
	_border: none;
	_height: 215px;
	margin: 0;
	min-height: 215px;
	padding: 0;
	position: relative;
}

#understanding-your-skin p {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 400px;
	color: #6A737B;
}

#understanding-your-skin span {
	background: transparent url(../images/backgrounds/your_skin_main_bkgd.png) no-repeat 0 -57px;
	bottom: -1px;
	height: 270px;
	position: absolute;
	right: 44px;
	width: 220px;
}

#understanding-your-skin h2 {
	background: transparent url(../images/backgrounds/your_skin_main_bkgd.png) no-repeat 0 0;
	height: 37px;
	width: 411px;
}

/*===================[ Remedy Rotator ]===================*/
#remedy-rotator ul {
	margin-bottom: 15px;
	overflow: hidden;
}

#remedy-rotator .hd li {
	float: left;
	padding-right: 1px;
}

#remedy-rotator .hd li a,
#remedy-rotator .hd li span {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_nav.png) no-repeat 0 0;
	height: 28px;
	width: 82px;
}

#remedy-rotator .hd .featured a {
	background-position: 0 0;
}

#remedy-rotator .hd .first a {
	background-position: 0 0;
}

#remedy-rotator .hd .banner li a,
#remedy-rotator .hd .banner li span {
	color: #FFF;
	font-weight: bold;
	height: 23px;
	padding-top: 5px;
	text-align: center;
	text-indent: 0;
}

#remedy-rotator .hd .banner li a:hover {
	text-decoration: none;
}

#remedy-rotator .hd .first span,
#remedy-rotator .hd .first a:hover {
	background-position: -87px 0;
}

#remedy-rotator .hd .middle a {
	background-position: 0 -30px;
}

#remedy-rotator .hd .middle span,
#remedy-rotator .hd .middle a:hover {
	background-position: -87px -30px;
}

#remedy-rotator .hd .last a {
	background-position: 0 -60px;
}

#remedy-rotator .hd .last span,
#remedy-rotator .hd .last a:hover {
	background-position: -87px -60px;
}

#remedy-rotator .hd .prev a,
#remedy-rotator .hd .next a,
.rich #remedy-rotator .hd fieldset li {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 0;
}

#remedy-rotator .hd .prev a,
#remedy-rotator .hd .next a,
#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disablednext a {
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

#remedy-rotator .hd .prev,
#remedy-rotator .hd .next {
	display: inline;
}

#remedy-rotator .hd .prev a {
	background-position: 0 0;
	height: 18px;
	width: 18px;
}

#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disabledprev a:hover {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 0;
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

#remedy-rotator .hd .prev a,
#remedy-rotator .hd .next a {
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

#remedy-rotator .hd .disabledprev,
#remedy-rotator .hd .disablednext {
	display:inline;
}

#remedy-rotator .hd .disablednext a,
#remedy-rotator .hd .disablednext a:hover {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 -30px;
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

#remedy-rotator .hd .next a {
	background-position: 0 -30px;
}

#remedy-rotator .hd .next a:hover {
	background-position: -20px -30px;
}

#remedy-rotator .hd .prev a:hover {
	background-position: -20px 1px;
}

.rich #remedy-rotator .hd fieldset li {
	background-position: 0 -60px;
}

.rich #remedy-rotator .hd fieldset li input {
	background-color: transparent;
}

#remedy-rotator .hd div div span {
	float: left;
	font-weight: bold;
	padding-left: 9px;
}

#remedy-rotator .hd form ul {
	float: right;
}

#remedy-rotator .hd label {
	display: none;
}

#remedy-rotator .hd input {
	border: none;
	color: #B3B3B3;
	height: 14px;
	padding: 5px 10px;
	width: 141px;
}

#remedy-rotator .bd ul {
	border-top: 1px solid #CCC;
	zoom: 1;
}

#remedy-rotator .bd li {
	float: left;
	margin: 15px 30px 0 0;
	width: 45%;
}

#remedy-rotator .bd li img {
	float: left;
	margin-right: .5em;
}

#remedy-rotator .bd li a {
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	text-indent:0;
	text-transform:lowercase;
}

/*===================[ Articles ]===================*/
#article {
	background: none;
	padding: 0 25px 40px 0;
	margin: 0;
}

#article .hd {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1.5em;
	zoom: 1;
}

#article .hd h2 {
	color: #2B333A;
	float: left;
	line-height: 1em;
}

#article .hd ul {
	float: right;
	margin-top: 5px;
}

#article .hd li {
	float: left;
	font-weight: bold;
	padding-left: 20px;
	text-transform: lowercase;
}

#article img {
	float: right;
	margin: 10px 0 10px 30px;
}

#article p {
	font-size: 1.1em;
}

/*===================[ Your Questions Nav ]===================*/
#question-topics .hd a {
	background: transparent url(../images/backgrounds/arrow_white.png) no-repeat left;
	color: #FFF;
	float: right;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
}

#question-topics ul {
	padding-top: 15px;
	zoom: 1;
}

#question-topics li {
	float: left;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 15px;
	vertical-align: center;
	white-space: nowrap;
	width: 20%;
	height: 30px;

}

#question-topics li img {
	margin-right: 10px;
}

#question-topics li a {
	position: absolute;
}

/*===================[ Your Questions ]===================*/
#your-questions-full {
	background: none;
	margin: 0;
	padding: 0;
}

#your-questions-full h2 {
	color: #2B333A;
	margin: 24px 0 12px 0;
}

#your-questions-full ul {
	border: 1px solid #CCC;
	border-width: 1px 0;
	padding: 12px 0;
}

#your-questions-full .textlist li {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat 0 50%;
}

#your-questions-full li {
	padding: 10px 12px;
}

#your-questions-full .question {
	color: #2b333a;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
}

#your-questions-full .answer {
	font-size: 1.4em;
	padding-bottom: 20px;
}

#your-questions-full h4 {
	color: #2B333A;
	margin: 25px 0;
}

#your-questions-full dt {
	font-weight: bold;
}

#your-questions-full .top {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 10px;
	text-transform: lowercase;
}

#your-questions h4 {
	background-position: 0 0;
}

#your-questions li a span {
	background: transparent url(../images/backgrounds/your_questions_icons.png) no-repeat 0 0;
}

#your-questions .dry-skin a span,
#your-questions .aging-skin a span,
#your-questions .hyperpigmentation a span,
#your-questions .sensitive-skin a span,
#your-questions .exfoliation a span,
#your-questions .adult-acne a span {
	background-position: 0 0;
}

/*===================[ Prescribed Products ]===================*/
#prescribed-products ul {
	border: none;
	overflow: hidden;
	padding: 0;
}

#prescribed-products li {
	float: left;
	margin: 15px 30px 0 0;
	width: 40%;
}

#prescribed-products img {
	float: left;
	margin-right: 0.5em;
}

/*===================[ What's My Regimen? ]===================*/

#whats-my-regimen ul {
	overflow: hidden;
	zoom: 1;
}

#whats-my-regimen td{
	padding: 0 6px;
}

#whats-my-regimen td ul{
	width:115px;
}

#whats-my-regimen li div {
	_height: 300px;
	line-height: 300px;
	min-height: 300px;
	position: relative;
	text-align: center;
}

#whats-my-regimen .also-recommend li div {
	float: left;
	_height: 0;
	line-height: 1.5em;
	min-height: 0;
	position: static;
	text-align: left;
	width: 155px;
}

#whats-my-regimen h5 {
	margin-top: 10px;
	text-transform: lowercase;
}

#whats-my-regimen td p {
	color: #b5b9bd;
	font-weight: normal;
	margin: 0;
}

#whats-my-regimen ul {
	margin: 10px auto;
	overflow: hidden;
	position: relative;
}

#whats-my-regimen li {
	float: left;
}

#whats-my-regimen li a {
	border-left: 1px solid #E5E5E5;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 0 -1px;
	padding-bottom: 1px;
	text-transform: lowercase;
	width: auto;
}

#whats-my-regimen li  a {
	padding: 0 7px;
}

#whats-my-regimen .also-recommend {
	border-top: 1px solid #E5E5E5;
	margin-top: 5px;
	zoom: 1;
}

#whats-my-regimen .also-recommend li {
	margin-bottom: 30px;
	text-align: left;
	width: 45%;
	_width: 47%;
}

#whats-my-regimen .also-recommend li p {
	border: none;
}

#whats-my-regimen .also-recommend li li {
	margin: 0 0 0 -1px;
	width: auto;
}

#whats-my-regimen .also-recommend li ul {
	margin: 5px 0 0 -7px;
}

#whats-my-regimen .also-recommend li img {
	float: left;
	margin-right: .5em;
}

#whats-my-regimen .also-recommend li h5 {
	margin: 0 0 5px 0;
}

#whats-my-regimen .also-recommend p {
	border-top: 1px solid #E5E5E5;
	margin: 20px 0;
	zoom: 1;
}

#whats-my-regimen li span {
	background-image: url(../images/backgrounds/speed_mapping_regimen.png);
	height: 30px;
	margin: 0 auto;
}

#whats-my-regimen .cleanse span {
	background-position: 0 -80px;
	width: 90px;
}

#whats-my-regimen .exfoliate span {
	background-position: 0 -110px;
	width: 90px;
}

#whats-my-regimen .moisturize span {
	background-position: 0 -140px;
	width: 100px;
}

#whats-my-regimen .target span {
	background-position: 0 -170px;
	width: 82px;
}

#whats-my-regimen .also-recommend h4 {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 -20px;
	height: 12px;
	margin: 20px 15px;
	width: 143px;
}

#whats-my-regimen .also-recommend p a {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 -40px;
	float: right;
	height: 29px;
	margin-top: 11px;
	width: 119px;
}

/*===================[ Concept Spaces ]===================*/
#concept-spaces #flash {
	margin-top: 25px;
}

/*===================[ Buy Dermalogica ]===================*/
#dermalogica-location {
	background: none;
}

#dermalogica-location .hd {
	margin-bottom: 25px;
	zoom: 1;
}

#dermalogica-location .hd ul {
	float: right;
}

#dermalogica-location .hd li {
	float: left;
	font-weight: bold;
	margin-left: 30px;
	text-transform: lowercase;
}

#dermalogica-location .hd li li {
	margin: 0;
}

#dermalogica-location .hd label {
	display: none;
}

#dermalogica-location .hd fieldset {
	*width: 1%;
}

#dermalogica-location .hd h4 {
	background-position: 0 0;
	float: left;
	height: 21px;
}

#dermalogica-location .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 0;
	width: 238px;
}

#dermalogica-location .hd h4.new-york {
	background-position: 0 0;
}

#dermalogica-location .hd h4.los-angeles {
	background-position: 0 -31px;
}

/*===================[ What We Do ]===================*/
#what-we-do ul {
	margin-top: 15px;
	zoom: 1;
}

#what-we-do li {
	float: left;
	margin: 8px 6px;
	width: 48%;
	_width: 47%;
	zoom: 1;
}

#what-we-do li li {
	float: none;
	font-weight: bold;
	margin: 0;
	width: auto;
}

#what-we-do li img {
	float: left;
	margin-right: 0.5em;
}

#what-we-do li div {
	float: left;
	width: 150px;
}

#what-we-do li p {
	margin: 5px 0;
}

#what-we-do li ul {
	margin-top: 0;
}

#what-we-do li li a {
	text-transform: lowercase;
}

/*===================[ About Us ]===================*/
.about-us-title {
	margin-bottom: 25px;
}

#about-us-items {
	background: none;
	zoom: 1;
}

#about-our-mission,
#about-dermalogica-foundation,
#about-press {
	float: left;
	margin-right: 13px;
	overflow: hidden;
	width: 223px;
}

#about-press {
	margin-right: 0;
}

#about-our-mission a,
#about-dermalogica-foundation a,
#about-press a {
	text-transform: lowercase;
}

#about-our-mission span,
#about-dermalogica-foundation span,
#about-press span {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 0;
	border-bottom: 1px solid #CECED0;
	height: 125px;
	width: 195px;
}

#about-our-mission span {
	background-position: 0 -95px;
}

#about-dermalogica-foundation span {
	background-position: 0 -235px;
}

#about-press span {
	background-position: 0 -372px;
}

#our-mission .founder {
 	padding: 0 77px 0 60px;
	margin-bottom:19px;
	border-bottom: 1px #c2c2c2 solid;
	height:320px;
	position:relative
}

#our-mission .founder-name {
	padding: 115px 0;
	margin-right:34px;
	float:left;
}

#our-mission .founder-photo {
	float:left;
	clear:right;
	position:absolute;
	bottom:0px;
	left: 367px;
}

#our-mission .founder-photo img {
	vertical-align:bottom;
}

#our-mission p {
	font-size:1.1em;
	line-height:1.6em;
}

#our-mission a {
	font-weight:bold;
	padding-top: 12px;
	display:block;
}

#our-mission .our-mission-copy {
	width:650px;
}

#our-mission .hd h4 {
	background:transparent url(../images/backgrounds/title_our_mission.png) no-repeat scroll 0 0;
}

/*===================[ Professionals ]===================*/
#wrapper.professionals {
	padding: 0;
}

#flashHeader{
	clear:both;
	height:442px;
	overflow:hidden;
	text-align:center;
	width:100%;
	z-index:0;
	position:absolute;
}

#wrapper .professionals {
	background: transparent url(../images/backgrounds/for_pros_main.jpg) no-repeat top center;
	padding-top: 25px;
}

.professionals #content {
	margin-top: 30px;
	position: relative;
	z-index: 1;
}

.professionals .professionals-caption {
	background: transparent url(../images/backgrounds/for_pros_text.png) no-repeat 0 0; /* This can be a 24-bit PNG, as IE6 will get normal text */
	font-size: 2em;
	height: 120px;
	line-height: 1.5em;
	margin: 120px 0 150px 0;
	_overflow: visible;
	_text-indent: 0;
	_background:none;
	width: 615px;
}

#for-professionals-items {
	margin: 0 0 30px -12px;
	_margin-left: -24px;
	overflow: hidden;
	zoom: 1;
}

#for-professionals-items li {
	float: left;
	_height: 190px;
	margin: 0 12px;
	min-height: 190px;
	width: 220px;
}

#for-professionals-items li h5,
#for-professionals-items li a {
	font-weight: normal;
	text-transform: lowercase;
}

#for-professionals-items li li {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat 0 50%;
	_height: auto;
	margin: 5px 0;
	min-height: 0;
	padding-left: 9px;
	width: auto;
}

#for-professionals-items li li a {
	text-transform: none;
}

#for-professionals-items li img {
	display: block;
	margin-bottom: 5px;
}

#for-professionals-items .more {
	border-left: 1px solid #DCDCDC;
	padding-left: 25px;
	width: 200px;
}

#for-professionals-items .more h5 {
	background:transparent url(../images/backgrounds/for_pros_more.png) no-repeat 0 0;
	height: 16px;
	width: 58px;
}

.latest-headlines {
	border: 1px solid #F8F8F8;
	border-width: 1px 0;
	zoom: 1;
	padding: 10px;
}

.latest-headlines h5 {
	border-right: 1px solid #E1E1E1;
	float: left;
	margin: 0px 15px 0px 0;
	padding-right: 15px;
	text-transform: uppercase;
}

.latest-headlines p {
	float: left;
	margin:0px;
}

/*===================[ Search Results ]===================*/
#search-products.module {
	margin-bottom:0px;
}

#search-result-count p {
	margin: 0;
}

#search-products .hd {
	clear: both;
}

#search-products .hd h4 {
	float: left;
}

#search-products .hd p {
	color: #FFF;
	float: right;
	font-weight: bold;
	margin: 0;
}

#search-products ol {
	margin: 10px;
}

#search-products .all-results {
	background: transparent url(../images/backgrounds/plus.png) no-repeat 0 50%;
	display: block;
	float: left;
	margin: 10px 0px 20px 10px;
	padding-left: 15px;
	text-transform: lowercase;
}

#search-result-info {
	background: transparent url(../images/backgrounds/search_results_corners.png) repeat-y 0 0;
	width: 663px;
}

#search-result-info .module1 {
	background: transparent url(../images/backgrounds/search_results_corners.png) no-repeat -1326px bottom;
}

#search-result-info .module2 {
	background: transparent url(../images/backgrounds/search_results_corners.png) no-repeat -663px top;
	padding: 9px 17px;
	zoom: 1;
}

#search-result-info h5 {
	float: left;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: lowercase;
}

#search-result-info p {
	float: right;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	text-align: right;
}

/*===================[ Press ]===================*/
#press .hd {
	margin-bottom: 20px;
}

#press label {
	display: none;
}

#press h5 {
	background: transparent url(../images/backgrounds/press_saying.png) no-repeat scroll 0 0;
	float:left;
	height: 20px;
	margin-left:12px;
	margin-right: 10px;
	text-transform: lowercase;
	width: 270px;
}

#press li {
	float: left;
	margin-right: 8px;
	text-transform: lo
}

#press li.press-submit {
	margin-right:0px;
	float:left;
}

#press input {
	text-transform: lowercase;
}

#press .press-submit input {
	background: transparent url(../images/backgrounds/about_us_press_elements.png) no-repeat 0 -40px;
	border: none;
	color: #9FA2A7;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	text-indent:-9000px;
	top: -5px;
	width: 74px;
}

#press #month-drop-down {
	min-width: 133px;
	margin-left: 20px;
}

#press #year-drop-down{
	min-width: 100px;
}
/*===================[ Month Press ]===================*/
#month-press .hd {
	margin-bottom: 10px;
}

#month-press li {
	margin: 25px 0;
	zoom: 1;
}

#month-press li img {
	float: left;
	margin-right: 22px;
}

#month-press li .product {
	height: 75px;
	width: 75px;
}

#month-press li li {
	margin: 10px 0;
}

#month-press li div {
	float: left;
	text-transform: lowercase;
	width: 200px;
}

#month-press li .quote {
	border-left: 1px solid #E0E0E0;
	_height: 180px;
	min-height: 180px;
 	padding: 2px 25px;
}

#month-press .quote h4 {
	color: #2B333A;
	font-size: 2em;
	font-weight: normal;
}

#month-press .quote span {
	color: #6A737B;
}

#month-press .quote blockquote {
	text-transform: none;
}

#month-press .hd h4 {
	background: transparent url(../images/backgrounds/press_months.png) no-repeat 0 0;
	height: 17px;
	width: 90px;
}

#month-press .january h4 {
	background-position: 0 0;
}

#month-press .february h4 {
	background-position: 0 -19px;
}

#month-press .march h4 {
	background-position: 0 -40px;
}

#month-press .april h4 {
	background-position: 0 -60px;
}

#month-press .may h4 {
	background-position: 0 -80px;
}

#month-press .june h4 {
	background-position: 0 -100px;
}

#month-press .july h4 {
	background-position: 0 -120px;
}

#month-press .august h4 {
	background-position: 0 -140px;
}

#month-press .september h4 {
	background-position: 0 -160px;
}

#month-press .october h4 {
	background-position: 0 -180px;
}

#month-press .november h4 {
	background-position: 0 -200px;
}

#month-press .december h4 {
	background-position: 0 -220px;
}

/*===================[ Dermalogica Foundation ]===================*/
#dermalogica-foundation .hd {
	margin-bottom: 10px;
}

#dermalogica-foundation h5 {
	background: transparent url(../images/backgrounds/derm_foundation_logo.png) no-repeat 0 0;
	float: left;
	height: 145px;
	margin-right: 20px;
	width: 145px;
}

/*===================[ Giving Back ]===================*/
#giving-back .hd {
	margin-bottom: 10px;
}

#giving-back ul {
	zoom: 1;
}

#giving-back li {
	float: left;
	margin: 6px 9px;
	_margin: 6px 7px;
}

#giving-back li .module2 {
	_height: 328px;
	min-height: 328px;
	overflow-x: hidden;
	padding: 15px 25px;
	width: 153px;
}

#giving-back h5 {
	height: 112px;
	width: 160px;
}

#giving-back li a {
	font-weight: bold;
	text-transform: lowercase;
}

#giving-back li h5 {
	background: transparent url(../images/backgrounds/foundation_logos.png) no-repeat 0 0;
}

#giving-back .childbirth-connection h5 {
	background-position: 0 0;
}

#giving-back .sojourn-services h5 {
	background-position: 0 -110px;
}

#giving-back .step-up h5 {
	background-position: 0 -220px;
}

#giving-back .sova h5 {
	background-position: 0 -330px;
}

#giving-back .stuart-house h5 {
	background-position: 0 -440px;
}

#giving-back .lamp h5 {
	background-position: 0 -550px;
}

#giving-back .bienvenidos h5 {
	background-position: 0 -660px;
}

#giving-back .camp-harmony h5 {
	background-position: 0 -770px;
}

#giving-back .mar-vista h5 {
	background-position: 0 -875px;
}

#giving-back .everychild h5 {
	background-position: 0 -980px;
}

#giving-back .childrens-skin h5 {
	background-position: 0 -1090px;
}

/*===================[ Product Detial Printable ]===================*/
#product-detail-print #header {
	height: 65px;
	margin: 32px auto 25px auto;
	text-align: left;
	width: 700px;
}

#product-detail-print #wrapper {
	background: none;
	border-bottom: 1px #E5E5E5 solid;
	border-top: 1px #E5E5E5 solid;
	width: 100%;
}

#product-detail-print #content {
	margin: 31px auto 72px auto;
	width: 700px;
}

#product-detail-print #youMayAlsoLike {
	margin: 25px auto 0px auto;
	padding-bottom: 48px;
	text-align: left;
	width: 700px;
}

#content .product {
	display: inline;
	float: left;
	width: 350px;
}

#content .text {
	display: inline;
	width: 350px;
}

#content .mainInfo {
	margin-bottom: 28px;

}

#content .howToUse {
	margin-bottom: 28px;
}

#content .sizes {
	border-top: 1px #E5E5E5 solid;
	padding: 31px 0;
}

.text .IconNew {
	float: left;
	height: 34px;
	width: 33px;
}
.text .productInfo {
	float: right;
	padding: 8px 0 0 6px;
	width: 310px;
}

.mainInfo h1 {
	color: #6A737B;
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 17px 0;
}

.mainInfo font {
	color: #6A737B;
	font-size: 1.1em;
}

.mainInfo p {
	font-size: 1.1em;
}

.text hr {
	border: none;
	color: #E5E5E5;
	height: 1px;
	width: 100%;
}

.howToUse h2 {
	border-top: 1px #E5E5E5 solid;
	color: #6A737B;
	font-size: 1.4em;
	font-weight: bold;
	padding: 31px 0 15px 0px;
}

.howItWorks h2 {
	border-top: 1px #E5E5E5 solid;
	color: #6A737B;
	font-size: 1.4em;
	font-weight: bold;
	padding: 31px 0 15px 0px;
}

.howItWorks h2 img,
.howToUse h2 img {
	margin-right: 10px;
	vertical-align: middle;
}

.howItWorks ul{
	margin-bottom: 30px;
}

.howItWorks li {
	color: #6A737B;
	list-style-position: outside;
	list-style-type: disc;
	margin: 3px 14px;
}

#content .icons li {
	float: left;
	text-align: center;
	width: 75px;
}

#youMayAlsoLike .text {
	text-align: center;
}

.suggestedProducts td {
	padding: 5px;
	text-align: center;
	width: 25%;
}

.suggestedProducts td font {
	color:#C2C2C2;
}

/*============================================================*/
/*===================[ Side Content Area ]===================*/
/*==========================================================*/

/*===================[ Your Questions ]===================*/
#your-questions li {
	border-top: 1px solid #E5E5E5;
	line-height: 25px;
	padding: 5px;
}

#your-questions li img {
	vertical-align: middle;
}

#your-questions li a span {
	float: left;
	height: 25px;
	margin-right: 15px;
	width: 25px;
}

#your-questions a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
	padding-left: 10px;
	text-transform: lowercase;
}

#your-questions li a {
	background: none;
	color: #6C7477;
	padding-left: 0;
	line-height:30px;
}

#your-questions .dry-skin {
	border-top: none;
}

/*===================[ Speed Mapping ]===================*/
#speed-mapping-title {
	margin-bottom: 25px;
	zoom: 1;
}

#speed-mapping-title li a {
	height: 31px;
	width: 152px;
}

#speed-mapping-title .email-results a {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 -40px;
}

#speed-mapping-title .print-results a {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 -80px;
}

#speed-mapping .module1 span {
	background: transparent url(../images/backgrounds/your_skin_lib_speedMapping.png) no-repeat 0 -72px;
	bottom: 0;
	height: 257px;
	right: 15px;
	overflow: hidden;
	position: absolute;
	text-indent: -900px;
	width: 137px;
}

#speed-mapping-title h1 {
	float: left;
}

#speed-mapping-title ul {
	float: right;
}

#speed-mapping-title li {
	float: left;
	margin: 12px 0 0 12px;
}

#speed-mapping h4 {
	margin-bottom: 5px;
}

#speed-mapping p {
	width: 50%;
}

#speed-mapping a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left;
	bottom: 1em;
	font-weight: bold;
	padding-left: 10px;
	position: absolute;
	text-transform: lowercase;
}

/*===================[ Speed Mapping Results ]===================*/
#speed-mapping-results .module2 {
	_height: 360px;
	min-height: 360px;
	position: relative;
}

#speed-mapping-results #flash {
	bottom: 0;
	height: 320px;
	position: absolute;
	right: 0;
	width: 200px;
}

#speed-mapping-results #flash p {
	font-size: 1em;
	width: auto;
}

#speed-mapping-results h4,
#speed-mapping-results p {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 500px;
}

#speed-mapping-results h4 {
	/*background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;*/
	margin-top: 15px;
}

#speed-mapping-results .module2 div {
	margin-top: 25px;
}

#speed-mapping-results h3 {
	float: left;
	margin-right: 15px;
}
#speed-mapping-results .module2 .face {
	display:inline;
}

#speed-mapping-results .module2 .text {
	display: inline;
	margin-left: 20px;
	margin-top:0;
	position: absolute;
}

#speed-mapping-results ol {
	overflow: hidden;
	padding-left: 1.5em;
	*padding-left: 2em;
	zoom: 1;
}

#speed-mapping-results ol li {
	list-style-type: decimal;
	padding: 5px 0;
}

#speed-mapping-results h2 {
	background: transparent url(../images/backgrounds/speed_mapping_results.png) no-repeat 0 0;
	height: 39px;
	width: 430px;
}

#speed-mapping-results h3 {
	background: transparent url(../images/backgrounds/speed_mapping_results.png) no-repeat 0 -38px;
	height: 110px;
	width: 110px;
}

/*===================[ Tips For You ]===================*/
#tips-for-you li {
	color: #2B333A;
}

#tips-for-you li {
	background: transparent url(../images/backgrounds/speed_mapping_tips_for_you.png) no-repeat 0 0;
	height: 50px;
	margin: 25px 0;
	padding-left: 60px;
}

#tips-for-you .sunblock {
	background-position: 0 -22px;
}

#tips-for-you .dehydrated {
	background-position: 0 -80px;
}

#tips-for-you .control {
	background-position: 0 -141px;
}

#tips-for-you .cause {
	background-position: 0 -199px;
}

#tips-for-you a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Learn More ]===================*/
#learn-more h5 {
	margin: 0 0 3px 5px;
}

#learn-more li {
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
	height: 60px;
}

#learn-more li img {
	float: left;
	margin-right: 10px;
}

#learn-more li a {
	display: block;
	float: left;
	font-weight: bold;
	_height: 20px;
	width: 140px;
	zoom: 1;
}

#learn-more .module2 {
	padding-right: 5px;
}

/*===================[ Professional Care ]===================*/
#professional-care img {
	margin-top: 10px;
}

#professional-care h5 {
	color: #2B333A;
	margin: 5px 0;
	text-transform: lowercase;
}

#professional-care li {
	height: 25px;
	margin: 10px 0;
}

#professional-care li div {
	display: inline;
	height: 35px;
	line-height: 30px;
	position: absolute;
}

#professional-care li img {
	margin-top:0px;
}

#professional-care .dermalogica {
	background-position: 0 -19px;
}

#professional-care .microzone {
	background-position: 0 -60px;
}

#professional-care a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Find a Location ]===================*/
#find-location form li {
	margin: 5px 0;
	zoom: 1;
}

#find-location form label {
	display: block;
	float: left;
	text-transform: lowercase;
	width: 35%;
}

#find-location form input,
#find-location form select {
	float: left;
	width: 60%;
}

#find-location form .dermalogica-circle {
	padding-left: 35%;
}

#find-location form .dermalogica-circle input {
	float: left;
	margin: .25em .25em 0 0;
	width: auto;
}

#find-location form .dermalogica-circle label {
	float: left;
	width: auto;
}

#find-location form .location-submit {
	margin-top: 25px;
}

#find-location form .location-submit input {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -61px;
	border: none;
	color: #979EA6;
	cursor: pointer;
	display: block;
	height: 31px;
	margin: 0 auto;
	text-transform: lowercase;
	width: 233px;
}

/*===================[ Buy Online ]===================*/
#buy-online p {
	background: transparent url(../images/backgrounds/buy_online_bkgd.png) no-repeat bottom;
	padding-bottom: 175px;
}

/*===================[ Store Information ]===================*/
#store-information h5 {
	margin-top: 17px;
	text-transform: lowercase;
}

#store-information address {
	margin-bottom: 16px;
}

#store-information address span {
	display: block;
}

#store-information a {
	font-weight: bold;
	text-transform: lowercase;
}

#store-information dl {
	zoom: 1;
}

#store-information dt {
	clear: left;
	float: left;
	width: 35%;
}

#store-information dd {
	clear: right;
	float: right;
	width: 65%;
}

/*===================[ Events ]===================*/
#events h5 {
	margin-top: 10px;
}

#events dt {
	float: left;
	padding-right: .5em;
}

#events a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ News ]===================*/
#news ol {
	overflow: hidden;
}

#news li {
	border-top: 1px solid #E5E5E5;
	margin-top: -2px;
	padding: 12px 0;
	zoom: 1;
}

#news .first {
	border: none;
}

#news li a {
	clear: left;
	float: left;
	font-weight: bold;
}

/*===================[ News Articles ]===================*/
#news-articles {
	background: none;
}

#news-articles .entry .hd {
	zoom: 1;
}

#news-articles .entry .hd div {
	background: transparent url(../images/backgrounds/blue_circle.png) no-repeat 0 0;
	color: #FFF;
	float: left;
	height: 47px;
	margin-right: 13px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 52px;
}

#news-articles .entry .hd div span {
	display: block;
	font-size: 1.8em;
}

#news-articles .entry .hd h3 {
	font-size: 1.8em;
	font-weight: normal;
	padding-top: 15px;
}

#news-articles .entry {
	border-bottom: 1px solid #CCC;
	padding: 25px 0;
}

#news-articles .categories {
	font-weight: bold;
}

#news-articles .older {
	background: transparent url(../images/backgrounds/arrow_back.png) no-repeat 0 50%;
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 35px;
	padding-left: 8px;
}

/*===================[ Search News ]===================*/
#search-news ul {
	margin-top: 10px;
}

#search-news label {
	display: none;
}

#search-news input {
	width: 128px;
}

#search-news li {
	float: left;
	width: 60%;
}

#search-news li.search-news-submit {
	width: 40%;
}

#search-news li.search-news-submit input {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 -40px;
	border: 0;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	top: -5px;
	width: 76px;
}

/*===================[ Archive ]===================*/
#archive ul {
	overflow: hidden;
}

#archive li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Categories ]===================*/
#categories ul {
	overflow: hidden;
}

#categories li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Recent Entries ]===================*/
#recent-entries ul {
	overflow: hidden;
}

#recent-entries li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Contact Us ]===================*/
#contact-us {
	background: none;
}

#contact-us a {
	font-weight: bold;
}

#contact-us h5 {
	margin-top: 25px;
}

#contact-items {
	background: none;
	zoom: 1;
}

#contact-us-long font,
#contact-us-short font {
	color: #5793D6;
	font-size: 13px;
	font-weight: bold;
}

#contact-long.additional,
#contact-short.additional {
 	margin-top: 41px;
 }

#contact-long-header,
#contact-short-header {
	clear: both;
	display: block;
	float: left;
	width: 640px;
}

.contact-text {
	margin-bottom: 34px;
}

.contact-us-title {
	float: left;
}

.rightP {
	float: right;
	margin-top: 5px;
}

#contact-us-long,
#contact-us-short {
	width: 645px;
}

#contact-us-short {
	min-height: 350px;
}

#general-question,
#contact {
	float: left;
	margin-left: 15px;
}

/*
#general-question .module2,
#contact .module2 {
	_height: 350px;
	min-height: 350px;
}
*/

#general-question {
	margin-left: 0;
}

#contact .module2 {
	width: 204px;
}

#general-question .module2 {
	width: 356px;
}

#general-question li {
	margin: 5px;
}

#general-question label {
	float: left;
	text-transform: lowercase;
	width: 20%;
}

#general-question select {
	text-transform: lowercase;
}

#general-question input,
#general-question select,
#general-question textarea {
	width: 78%;
}

#general-question #radio {
	line-height: 13px;
	margin-right: 7px;
	width: 16px;
}

#general-question .contact-submit input {
	background: transparent url(../images/backgrounds/contact_us_buttons.png) no-repeat 0 0;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	margin-left: 20%;
	text-transform: lowercase;
	width: 143px;
}

#contact address {
	margin-bottom: 15px;
}

#contact address span {
	display: block;
}

#contact a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Corporate Offices ]===================*/
#corp-offices {
	background: none;
}

#corp-offices ul {
	margin: 0 0 25px -13px;
	overflow: hidden;
	zoom: 1;
}

#corp-offices li {
	float: left;
	font-weight: bold;
	margin-left: -2px;
	padding: 0 10px 0 15px;
}

#corp-offices form label {
	display: none;
}

#corp-offices form ul {
	margin: 0;
	overflow: visible;
}

#corp-offices form li {
	margin: 0;
	padding: 0 5px 0 0;
	text-transform: lowercase;
}

#corp-offices form .country-submit input {
	background: transparent url(../images/backgrounds/contact_us_buttons.png) no-repeat 0 -40px;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	top: -5px;
	width: 54px;
}

/*===================[ Search Again ]===================*/
#search-again p,
#search-again ul {
	margin: 10px;
}

#search-again label {
	display: none;
}

#search-again ul {
	margin: 0 10px;
	zoom: 1;
}

#search-again li {
	float: left;
}

#search-again input {
	width: 120px;
}

#search-again .search-again-submit input {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -60px;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	display: block;
	float: left;
	height: 31px;
	margin-left: 7px;
	position: relative;
	text-transform: lowercase;
	top: -6px;
	width: 76px;
}

/*======================[ Privacy and Legal ]===========================*/
#privacyandlegal h2 {
	font-size: 1em;
	font-weight: normal;
	padding: 10px 0;
}

#privacyandlegal h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0;
}

#privacyandlegal h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0;
}

#privacyandlegal .indent {
	padding-left: 40px;
}

#privacyandlegal .privacy-legal-list li {
	background: transparent url(../images/backgrounds/bulletpoint.png) no-repeat 0 5px;
	padding-left: 10px;
}

#privacyandlegal .privacy-legal-list {
	padding: 10px 0;
}

/*=================================================*/
/*===================[ Pop Up ]===================*/
/*===============================================*/
#popup-wrapper {
	display: none;
	height: 0;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10;
}

#popup-container {
	background-color: transparent;
	margin: 150px auto 0 auto;
	-webkit-box-shadow: 0 0 50px #000;
	-webkit-border-radius: 5px;
	width: 575px;
}

#top-border {
	background: transparent url(../images/backgrounds/popup_background.png) no-repeat scroll 0 0;
	padding-top: 25px;
}

#bottom-border {
	background: transparent url(../images/backgrounds/popup_background.png) no-repeat scroll -600px bottom;
	padding-bottom: 10px;
}

#popup-content {
	background-color: #FFF;
	border-left: 1px #E2E2E2 solid;
	border-right: 1px #E2E2E2 solid;
	padding: 0 0 25px 35px;
}

.framebg {
	background-color: #FFF;
	border: 1px solid #DADADA;
	border-radius: 5px;
	height: 325px;
	padding: 25px 0 50px 35px;
	position: relative;
	top: 150px;
	left: 28%;
	margin:0px auto;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 50px #000;
	width: 575px;
}

#popup .hd {
	padding-bottom: 15px;
	zoom: 1;
}

#popup .hd h3 {
	float: left;
}

#popup .hd a {
	background: transparent url(../images/backgrounds/pop_up_close.png) no-repeat right;
	float: right;
	font-weight: bold;
	margin-right: 50px;
	padding-right: 15px;
	text-transform: uppercase;
}

#popup .bd {
	height: 300px;
	overflow-y: auto;
	padding-right: 30px;
}

.newsletter-submit input {
	background: transparent url(../images/backgrounds/button_submit.png) no-repeat 0 0;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	width: 143px;
	margin-top:14px;
	margin-bottom:25px;
}

#popup-wrapper .events h3 {
	text-transform: uppercase;
}

#popup .your-email input {
	width: 200px;
}

#popup-wrapper .events li {
	margin-bottom: 25px;
	zoom: 1;
}

#popup-wrapper .events li img {
	float: left;
	margin-right: 12px;
}

#popup-wrapper .events li div {
	float: left;
	width: 310px;
}

#popup-wrapper .events li h5 {
	font-size: 1.2em;
	text-transform: lowercase;
}

#popup-wrapper .events li dt {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

#popup-wrapper .events li a {
	font-weight: bold;
	text-transform: lowercase;
}

.events-detail h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 8px;
}

.events-detail img {
	margin-top: 8px;
}

/*==================================================*/
/*=================[ Clean Start ]=================*/
/*================================================*/

/*======================[ General ]===========================*/
.clean-start {
	color: #8A8A8A;
}

.clean-start .module {
	border: 1px solid #CCC;
}

.clean-start #flash {
	border: none;
}

.clean-start #wrapper {
	background: none;
}

.clean-start .module,
.clean-start .module1,
.clean-start .module2 {
	background: none;
}

.clean-start h4 {
	color: #707070;
	font-size: 1.65em;
	padding: 3px 0;
	text-transform: lowercase;
}

body.skin-issues a {
	color: #D41B12;
}

body.skin-issues #wrapper {
	border-top: 1px solid #D41B12;
}

body.skin-issues #side-nav {
	border-color: #D41B12;
}

body.about-us a {
	color: #5A167A;
}

body.about-us #wrapper {
	border-top: 1px solid #5A167A;
}

body.about-us #side-nav {
	border-color: #AD8BBD;
}

body.shop a {
	color: #3871B8;
}

body.shop #wrapper {
	border-top: 1px solid #3871B8;
}

body.shop #side-nav {
	border-color: #3871B8;
}

body.search-results a {
	color: #42B8D3;
}

body.search-results #wrapper {
	border-top: 1px solid #42B8D3;
}

body.privacy-legal a {
	color: #EC068D;
}

body.privacy-legal #wrapper {
	border-top: 1px solid #EC068D;
}

body.print #wrapper {
	border: none;
}

.clean-start #header {
	margin-top: 20px;
	position: relative;
	zoom: 1;
}

.clean-start #header ul {
	bottom: 0;
	position: absolute;
	right: 0;
}

.clean-start #header li {
	border-bottom: 4px solid #FFF;
	height: 65px;
	margin: 0 0 0 35px;
	padding: 0;
}

.clean-start #header .search {
	color: #42B8D3;
	font-weight: bold;
	position: relative;
	width: 150px;
}

.clean-start #header .search form {
	bottom: 10px;
	position: absolute;
}

.clean-start #header .search label {
	display: block;
	text-transform: lowercase;
}

.clean-start #header .search label span {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -697px -21px;
	bottom: 0;
	_bottom: 3px;
	display: block;
	height: 21px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -900px;
	width: 25px;
}

.clean-start #header .search input {
	border: 1px solid #42B8D3;
	color: #707070;
	margin-right: 15px;
	padding: 3px 20px 3px 5px;
	width: 110px;
}

body.skin-issues #header li.active {
	border-color: #D41B12;
}

body.about-us #header li.active {
	border-color: #5A167A;
}

body.shop #header li.active {
	border-color: #3871B8;
}

.clean-start #header h2,
.clean-start #header li a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat 0 0;
	display: block;
	height: 55px;
	overflow: hidden;
	text-indent: -900px;
	width: 115px;
}

.clean-start #header h2 {
	float: left;
	height: 25px;
	margin-top: 30px;
}

.clean-start #header .skin-issues a {
	background-position: -115px 0;
	width: 63px;
}

.clean-start #header .product-talk a {
	background-position: -178px 0;
	width: 80px;
}

.clean-start #header .about-us a {
	background-position: -258px 0;
	width: 43px;
}

.clean-start #header .shop a {
	background-position: -301px 0;
	width: 83px;
}

.clean-start #header .news-events a {
	background-position: -384px 0;
	width: 76px
}

body.shop #side-nav {
	border-color: #3871B8;
}

.clean-start #side-nav li {
	border: none;
}

.clean-start #footer a,
.clean-start #footer label {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -263px -90px;
	height: 15px;
}

.clean-start #footer a {
	width: 103px;
}

.clean-start #footer .contact a {
	background-position: -367px -90px;
	width: 55px
}

.clean-start #footer .careers a {
	background-position: -423px -90px;
	width: 40px
}

.clean-start #footer .for-professionals a {
	background-position: -463px -90px;
	width: 86px
}

.clean-start #footer .legal a {
	background-position: -549px -90px;
	width: 76px;
}

.clean-start #footer label {
	background-position: -516px -41px;
	width: 110px;
}

/*======================[ Side Nav ]===========================*/
.clean-start #side-nav .module2 {
	padding-left: 0;
}

.clean-start #side-nav .module2 a {
	margin-left: 17px;
}

.clean-start #side-nav .module2 span {
	margin-left: 14px;
}

.clean-start #side-nav .module2 li.active {
	border-left: 3px solid #FFF;
}

body.skin-issues #side-nav .module2 li.active {
	border-color: #D41B12;
}

body.about-us #side-nav .module2 li.active {
	border-color: #5A167A;
}

body.shop #side-nav .module2 li.active {
	border-color: #3871B8;
}

body.shop #side-nav .module2 li.active {
	border-color: #3871B8;
}

/*======================[ Myths, Facts & Tips / Issues Rotator / About Us ]===========================*/
.rich #myths-facts-tips label,
.rich #issues-rotator label {
	display: none;
}

#myths-facts-tips .hd a {
	background: transparent url(../images/backgrounds/arrow_red.png) no-repeat scroll left 3px;
	line-height: 1em;
}

#about-us {
	border: none;
}

#about-us .module2 {
	padding: 17px 0;
}

#myths-facts-tips ul,
#issues-rotator .bd ul,
#about-us ul {
	margin: 15px 0 0 -9px;
	*margin-left: -20px;
	zoom: 1;
}

#about-us ul {
	*display: inline;
}

#myths-facts-tips li,
#issues-rotator .bd li,
#about-us li {
	border: 1px solid #E1E0E1;
	float: left;
	height: 175px;
	left: 0;
	margin: 0 0 11px 9px;
	position: relative;
	top: 0;
	width: 212px;
}

#about-us li {
	height: 265px;
	width: 224px;
}

#about-us li h4 {
	padding: 10px;
}

#myths-facts-tips li a,
#issues-rotator .bd li a,
#about-us li a {
	_background-image: url(#); /* IE6 hack */
	height: 100%;
	overflow: hidden;
	position: absolute;
	/*text-indent: -900px;*/
	width: 100%;
	/*z-index: 15;*/
}

#myths-facts-tips li div a,
#issues-rotator .bd li div a,
#about-us li div a {
	font-weight: bold;
	height: auto;
	overflow: display;
	position: static;
	text-indent: 0;
	text-transform: lowercase;
	width: auto;
	z-index: 5;
}

#myths-facts-tips li div p,
#issues-rotator .bd li div p,
#about-us li div p {
	margin: 0;
}

#myths-facts-tips li div p a,
#issues-rotator .bd li div p a,
#about-us li div a {
	background: transparent url(../images/backgrounds/arrow_red.png) no-repeat left 4px;
	*background-position: left 5px;
	line-height: 1em;
	padding-left: 10px;
}

#about-us li div a {
	background: transparent url(../images/backgrounds/arrow_white.png) no-repeat left 4px;
	*background-position: left 5px;
}

#myths-facts-tips li,
#issues-rotator li,
#about-us li {
	cursor: pointer;
}

#myths-facts-tips li:hover div p a,
#myths-facts-tips li.hover div p a,
#issues-rotator .bd li:hover div p a,
#issues-rotator .bd li.hover div p a,
#about-us li:hover div a,
#about-us li.hover div a {
	background: transparent url(../images/backgrounds/arrow_white.png) no-repeat left 4px;
	*background-position: left 5px;
	text-decoration: underline;
}

#myths-facts-tips li div,
#issues-rotator .bd li div {
	background-color: #FFF;
	bottom: 0;
	_filter: alpha(opacity=80);
	left: 0;
	-moz-opacity: .8;
	opacity: .8;
	padding: 16px;
	position: absolute;
	-webkit-opacity: .8;
	width: 180px;
}

#about-us li div {
	background-color: #5A167A;
	bottom: 0;
	color: #FFF;
	left: 0;
	padding: 16px;
	position: absolute;
	width: 192px;
}

#about-us li div h5 {
	font-weight: normal;
}

#about-us li div a {
	color: #FFF;
	font-weight: bold;
}

#myths-facts-tips li:hover div,
#myths-facts-tips li.hover div,
#issues-rotator .bd li:hover div,
#issues-rotator .bd li.hover div {
	background-color: #D41B12;
	color: #FFF;
	_filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-opacity: 1;
}

#myths-facts-tips li:hover div a,
#myths-facts-tips li.hover div a,
#issues-rotator .bd li:hover div a,
#issues-rotator .bd li.hover div a {
	color: #FFF;
}

/*===================[ Your Questions ]===================*/
.clean-start #your-questions {
	background: transparent url(../images/clean-start/faq.png) no-repeat bottom center;
	padding-bottom: 150px;
}

.clean-start #your-questions h4 {
	background: none;
	height: auto;
	overflow: visible;
	text-indent: 0;
	width: auto;
}

.clean-start #your-questions a {
	background: transparent url(../images/backgrounds/arrow_red.png) no-repeat left 4px;
	*background-position: left 5px;
	line-height: 1em;
}

/*===================[ Taking On Issues ]===================*/
#taking-on-issues {
	background: transparent url(../images/clean-start/taking-on-issues.png) no-repeat 315px top;
	border-bottom: 2px solid #D41B12;
}

#taking-on-issues .module2{
	height: 200px;
	position: relative;
}

#taking-on-issues h2 {
	bottom: 40px;
	color: #FBB567;
	font-size: 3.5em;
	left: 40px;
	line-height: 1em;
	position: absolute;
	text-transform: lowercase;
	width: 200px;
}

/*===================[ Issues Rotator ]===================*/
#issues-rotator .hd div div {
	float: left;
	margin-top: 5px;
	zoom: 1;
}

#issues-rotator .hd div div div {
	float: none;
	margin-top: auto;
}

#issues-rotator .hd ul {
	margin-bottom: 25px;
	zoom: 1;
}

#issues-rotator .hd div ul {
	margin-bottom: 0;
}

#issues-rotator .hd li {
	color: #FFF;
	float: left;
	padding-left: 1px;
	text-align: center;
	text-transform: lowercase;
	width: 164px;
}

#issues-rotator .hd li a {
	background-color: #A2A2A2;
	color: #FFF;
	display: block;
	padding: 5px 0;
}

#issues-rotator .hd li a:hover {
	background-color: #D41B12;
	text-decoration: none;
}

#issues-rotator .hd li span {
	background-color: #D41B12;
	display: block;
	padding: 5px 0;
}

#issues-rotator .hd .prev,
#issues-rotator .hd .next,
#issues-rotator .hd .prevdisabled,
#issues-rotator .hd .nextdisabled {
	float: left;
	margin-right: 2px;
}

#issues-rotator .hd .prev a,
#issues-rotator .hd .next a,
#issues-rotator .hd .prevdisabled a,
#issues-rotator .hd .nextdisabled a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -705px 0;
	height: 18px;
	width: 18px;
}

#issues-rotator .hd .prev a,
#issues-rotator .hd .prevdisabled a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -688px 0;
}

#issues-rotator .hd .prev a:hover {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -654px 0;
}

#issues-rotator .hd .next a:hover {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -671px 0;
}

#issues-rotator .hd div div span {
	float: left;
	font-weight: bold;
	line-height: 18px;
	padding-left: 9px;
	vertical-align: center;
}

#issues-rotator .hd form ul,
#issues-rotator .hd form li {
	float: right;
}

#issues-rotator .hd input {
	background: transparent url(../images/backgrounds/arrow_gray.png) no-repeat 149px center;
	border: 1px solid #CCC;
	color: #707070;
	float: right;
	margin-right: 8px;
	padding: 3px 5px;
	width: 150px;
}

#issues-rotator .hd .search-submit {
	display: none;
}

.clean-start #popup-wrapper #popup {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 100px auto 0 auto;
	padding: 35px 25px;
	width: 450px;
}

.clean-start #popup .hd h3 {
	font-size: 1.5em;
	text-transform: lowercase;
}

.skin-issues #popup .hd h3 {
	color: #D41B12;
}

.shop #popup .hd h3 {
	font-size: 1.2em;
}

.shop #popup .hd {
	margin-bottom: 5px;
}

.shop #popup .bd div {
	margin-top: 10px;
}

.shop #popup .hd h4 {
	clear: left;
	color: #3871B8;
	float: left;
}

.shop #popup-wrapper .events .bd div {
	height: 190px;
	overflow-y: auto;
}

.clean-start #popup .hd a {
	margin-right: 0;
	padding-right: 25px;
	text-transform: lowercase;
}

.skin-issues #popup .hd a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -670px -89px;
}

.shop #popup .hd a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -670px -66px;
}

.legal #popup .hd a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -670px -45px;
}

.clean-start #popup .bd {
	height: auto;
	text-align: left;
}

.clean-start #popup li label {
	display: block;
	text-transform: lowercase;
}

.clean-start #popup li input,
.clean-start #popup li textarea {
	border: 1px solid #CCC;
	color: #707070;
	padding: 3px 5px;
	width: 75%;
}

.clean-start #popup li #send-submit {
	background-color: #8A8A8A;
	border: none;
	color: #FFF;
	margin-top: 20px;
	padding: 3px 15px;
	width: auto;
}

/*===================[ Article ]===================*/
.clean-start #article,
.clean-start #article .hd {
	border: none;
}

.clean-start #article .hd h2 {
	color: #707070;
	font-size: 1.5em;
	font-weight: normal;
}

.clean-start #article .bd {
	zoom: 1;
}

.clean-start #article .bd ol li {
	margin-left: 25px;
	list-style-type: decimal;
}

.clean-start #article .bd ul li {
	margin-left: 25px;
	list-style-type: circle;
}

.clean-start #article #flash {
	float: left;
	height: 325px;
	margin: 5px 10px 10px 0;
	width: 450px;
}

/*======================[ Send to a Friend ]===========================*/
.clean-start .send-to-a-friend label {
	text-transform: lowercase;
}

/*======================[ Print Article ]===========================*/
body.print #header,
body.print #wrapper {
	margin-left: 50px;
	width: 550px;
}

body.print #header {
	height: auto;
	margin-top: 20px;
}

body.product-details #header {
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}

body.print #header h2 {
	background: transparent url(../images/clean-start/print-title.png) no-repeat 0 0;
	height: 37px;
	padding: 0;
	width: 77px;
}

body.print #content,
body.print .primary {
	float: none;
	width: 100%;
}

.clean-start #content #article.print {
	border-top: 1px solid #CCC;
}

.clean-start .print h4 {
	font-weight: normal;
}

.clean-start .print .module2 {
	padding: 0;
}

.clean-start #content .print .hd {
	font-size: 1.25em;
	padding: 20px 0 10px 0;
}

/*======================[ Print Product ]===========================*/
.clean-start #product-details {
	border: none;
}

.clean-start #product-details img {
	float: left;
}

.clean-start #product-details .module2 {
	float: right;
	/*width: 325px;*/
    width: 260px;
}

.clean-start #content #product-details .hd {
	padding: 0 0 15px 0;
}

.clean-start #product-details .hd h4 {
	font-size: 1.2em;
	padding-bottom: 10px;
}

.clean-start #product-details .hd h5 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: lowercase;
}

.clean-start #product-details .hd p {
	font-size: .8em;
}

.clean-start #product-details .bd div {
	border-top: 1px solid #CCC;
	padding-top: 15px;
}

.clean-start #product-details .bd h5 {
	font-size: 1.2em;
	padding-bottom: 5px;
	text-transform: lowercase;
}

.clean-start #product-details .bd ul {
	margin: 10px 0;
}

.clean-start #product-details .bd li {
	list-style-type: disc;
	margin-left: 15px;
}

/*======================[ Your Questions ]===========================*/
.clean-start #your-questions-full {
	border: none;
}

.clean-start #your-questions-full .hd {
	padding: 24px 0 12px 0;
	zoom: 1;
}

.clean-start #your-questions-full .hd h2 {
	float: left;
	margin: 0;
	text-transform: lowercase;
}

.clean-start #your-questions-full .hd a {
	float: right;
	font-weight: bold;
}

.clean-start #your-questions-full h2,
.clean-start #your-questions-full h4,
.clean-start #your-questions-full .question {
	color: #6A737B;
}

.clean-start #your-questions-full li {
	padding-left: 0;
}

.clean-start #your-questions-full .hd a,
.clean-start #your-questions-full li a {
	background: transparent url(../images/backgrounds/arrow_red.png) no-repeat left 3px;
	line-height: 1em;
	padding-left: 13px;
	text-transform: lowercase;
}

.clean-start #your-questions-full li a {
	background-position: left 5px;
}

.clean-start #your-questions-full .answer::first-letter {
	font-weight: bold;
}

/*======================[ News ]===========================*/
.clean-start #news ul {
	overflow: hidden;
}

/*======================[ Contact Us ]===========================*/
.clean-start #contact-us {
	border: none;
}

.clean-start #contact-us .module2 {
	padding: 17px 35px 0 0;
}

.clean-start #contact-us  p {
	margin-bottom: 22px;
}

.clean-start #contact-items {
	border: none;
}


/*======================[ General Question / Corporate Offices ]===========================*/
/*.clean-start #general-question .module2,
.clean-start #contact .module2 {
	_height: 330px;
	min-height: 330px;
}
*/

.clean-start #general-question .contact-submit input,
.clean-start #corp-offices .country-submit input {
	background: #8A8A8A;
	border: none;
	color:#FFF;
	height: auto;
	margin-top: 5px;
	padding: 3px 15px;
	width: 5em;
}

.clean-start #general-question .contact-submit input {
	margin-top: 20px;
}

.clean-start #corp-offices {
	border: none;
}

/*===================[ Careers ]===================*/
.clean-start #careers h4 {
	margin-bottom: 10px;
}

.clean-start #careers img {
	border-bottom: 2px solid #5A167A;
}

.clean-start #careers h5 {
	font-size: 1.6em;
	font-weight: normal;
	padding: 10px 0;
	text-transform: lowercase;
}

.clean-start #careers a {
	font-weight: bold;
}

/*===================[ Dermalogica Foundation ]===================*/
.clean-start #dermalogica-foundation h5 {
	float: right;
	margin: 0 0 0 20px;
}

/*===================[ Giving Back ]===================*/
.clean-start #giving-back h4 {
	margin-bottom: 15px;
}

.clean-start #giving-back li {
	margin: 6px 7px;
	_margin: 6px;
}

/*===================[ Press ]===================*/
.clean-start #press .module2 {
	zoom: 1;
}

.clean-start #press h5 {
	background: none;
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 0 0 0;
	overflow: visible;
	text-indent: 0;
	width: auto;
}

.clean-start #press fieldset {
	float: right;
}

.clean-start #search-again .search-again-submit input,
.clean-start #press .press-submit input {
	background: #8A8A8A;
	border: none;
	color: #FFF;
	height: auto;
	padding: 3px 15px;
	*padding: 2px 7px;
	position: static;
	text-indent: 0;
	width: auto;
}

/*===================[ Month Press ]===================*/
.clean-start #month-press ul {
	border-top: 1px solid #CCC;
	margin-top: 15px;
	zoom: 1;
}

.clean-start #month-press ul ul {
	border: none;
	margin: 10px 0 0 0;
}

.clean-start #month-press li {
	margin: 25px 0;
}

.clean-start #month-press li li {
	margin: 0;
}

.clean-start #month-press h4 {
	color: #707070;
}

.clean-start #month-press span {
	font-size: 1.1em;
}

/*===================[ Dermalogica Locations ]===================*/
.clean-start #events {
	_height: 216px;
	min-height: 216px;
}

.clean-start #events h5 {
	margin-top: 35px;
}

.clean-start #events dl {
	margin-bottom: 35px;
}

.clean-start #store-location {
	border: none;
}

.clean-start #store-location .module2 {
	padding: 17px 0;
}

.clean-start #store-location .hd {
	zoom: 1;
}

.clean-start #store-location .hd h4 {
	float: left;
}

.clean-start #store-location .hd ul {
	float: right;
}

.clean-start #store-location .hd li {
	float: left;
	font-weight: bold;
	margin-left: 20px;
	text-transform: lowercase;
}

.clean-start #store-information ul {
	margin: 20px 0 20px -25px;
	overflow: hidden;
	zoom: 1;
}

.clean-start #store-information li {
	border-left: 1px solid #CCC;
	float: left;
	_height: 150px;
	margin-left: -1px;
	min-height: 125px;
	padding: 0 0 0 25px;
	width: 200px;
}

.clean-start #store-information li ul,
.clean-start #store-information li h5 {
	margin: 0 0 5px 0;
}

.clean-start #store-information li li {
	border: none;
	float: none;
	_height: auto;
	margin: 0;
	min-height: 0;
	padding: 3px 0;
	width: auto;
}

.clean-start #store-details li {
	margin-top: 30px;
	zoom: 1;
}

.clean-start #store-details li img {
	float: left;
}

.clean-start #store-details li div {
	float: right;
	width: 300px;
}

.clean-start #store-details li div h5 {
	font-size: 1.5em;
	font-weight: normal;
}

.clean-start #store-details li div a {
	font-weight: bold;
}

/*===================[ Search Again ]===================*/
.clean-start #search-again p,
.clean-start #search-again ul {
	margin: 5px 0;
}

.clean-start #search-again #search {
	border: 1px solid #CCC;
	color: #707070;
	padding: 3px 20px 3px 5px;
}

/*===================[ Search Results Count ]===================*/
.clean-start #search-result-count {
	font-size: 1.2em;
	text-transform: lowercase;
}

/*===================[ Search Products ]===================*/
.clean-start #search-products .hd {
	background: none;
	border-bottom: 1px solid #CCC;
	padding-left: 0;
}

.clean-start #search-products .hd h4 {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -465px 5px;
	height: auto;
	overflow: visible;
	padding-left: 20px;
	text-indent: 0;
	width: auto;
}

.clean-start #search-products .hd p {
	color: #6A737B;
}

.clean-start #search-products ol {
	margin-left: 20px;
}

.clean-start #search-products .all-results {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -469px -21px;
	font-weight: bold;
	margin: 10px 0 25px 20px;
	*margin-left: 10px;
	padding-left: 20px;
}

/*===================[ Privacy and Legal ]===================*/
.privacy-legal #popup .hd h3 {
	color: #EC068D;
}

.privacy-legal #popup .hd a {
	background: transparent url(../images/clean-start/sprite.png) no-repeat -670px -45px;
}

.privacy-legal #popup #email-address {
	border: 1px solid #CCC;
	color: #707070;
	padding: 3px 20px 3px 5px;
}

.privacy-legal #popup #email-submit {
	background-color: #8A8A8A;
	border: none;
	color: #FFF;
	height: auto;
	margin-top: 15px;
	padding: 3px 15px;
	text-transform: lowercase;
	width: auto;
}

#privacy-legal {
	border: none;
}

#privacy-legal .module2 {
	padding: 17px 0;
}

#privacy-legal h4 {
	margin: 30px 0 20px 0;
}

#privacy-legal h5 {
	font-size: 1.2em;
	margin: 20px 0;
}

#privacy-legal ul li {
	margin-left: 1.5em;
}

#privacy-legal ul li {
	list-style: disc;
}

#privacy-legal ol li {
	list-style: decimal;
	list-style: none;
}

#privacy-legal ol ol {
	margin-left: 40px;
}

#privacy-legal ol ol li {
	list-style: lower-alpha;
	list-style: none;
}

/*===================[ Clear Fix ]===================*/
#header:after,
#content:after,
.primary:after,
.additional:after,
#footer:after,
#footer ul:after,
#popup .hd:after,
#skin-library ul:after,
#skin-library .hd:after,
#myths-facts-tips .hd:after,
#remedy-rotator ul:after,
#remedy-rotator .hd:after,
#remedy-rotator .bd ul:after,
#whats-my-regimen .also-recommend:after,
#article .hd:after,
#question-topics ul:after,
#dermalogica-location .hd:after,
#what-we-do ul:after,
#what-we-do li:after,
#speed-mapping-title:after,
#learn-more li a:after,
#find-location form li:after,
#store-information dl:after,
#news li:after,
#about-us-items:after,
#news-articles .entry .hd:after,
#contact-items:after,
#corp-offices ul:after,
#for-professionals-items:after,
.latest-headlines:after,
#search-again ul:after,
#search-result-info .module2:after,
#month-press li:after,
#giving-back ul:after,
#popup-wrapper .events li:after,
.clean-start #header:after,
#myths-facts-tips ul:after,
#issues-rotator .bd ul:after,
#issues-rotator .hd div div:after,
#about-us ul:after,
.clean-start #article .bd:after,
.clean-start #issues-rotator .hd ul:after,
.clean-start #your-questions-full .hd:after,
.clean-start #press .module2:after,
.clean-start #store-location .hd:after,
.clean-start #store-information ul:after,
.clean-start #store-details li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}